> ## Documentation Index > Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Design Layouter, bilder, ikoner, foton och visuell design för ditt projekt. *** ## Anpassad design Visa agenten valfri bild, skärmbild eller skiss, så matchar den stilen. Den väljer typsnitt, färger, avstånd och layouter utifrån den riktning du ger. Allt är responsivt på alla enheter som standard. **Så här använder du det** Beskriv det utseende och den känsla du vill ha. Dela skärmbilder, moodboards eller referenswebbplatser. Skriv "gör det snyggare" när som helst för att arbeta om designen. **Exempel på prompter:** ``` Bygg en landningssida åt mitt SaaS för lagerhantering på restauranger. Jag vill ha en ren och pålitlig känsla, ungefär som Linear eller Stripe. En mörk hero-sektion med en produktmockup, ett rutnät med funktioner och ikoner och en pristabell med tre nivåer längst ned. ``` ``` Designa om min startsida med den här skärmbilden av Airbnb som referens. Jag hyr ut semesterbostäder i Algarve och vill ha en liknande layout men med varmare färger, terrakotta och crème. Behåll sökfältet framträdande och lägg till en sektion för våra 6 utvalda objekt. ``` ``` Arbeta om min webbplats så att den känns mer premium och redaktionell. Jag är varumärkesstrateg för kunder inom lyxmode. Tänk Vogue möter en exklusiv byrå. Använd stora bilder som går ut i kanten, minimalt med text och gott om luft överallt. ``` *** ## Skapa och redigera bilder Beskriv en bild, så skapar agenten den. Ladda upp ett foto och berätta vad som ska ändras. Ladda upp vad som helst och be om att få bakgrunden borttagen. Varje bild får en permanent länk. Du väljer format: liggande, kvadratiskt eller stående. Redigeringar kan använda mer än en bild. Ladda upp fotot du vill ändra plus upp till 13 referensbilder, så hämtar agenten stil, färger eller objekt från referenserna och tillämpar dem på originalbilden. Bakgrundsborttagning ger en äkta transparent PNG som du kan placera på vilken bakgrund som helst. **Så här använder du det** Beskriv hur bilden ska se ut: stil, stämning, färger, motiv. Vid redigeringar laddar du upp bilden och förklarar ändringarna. När du lägger till referenser säger du vilken bild som ska ändras och vad som ska hämtas från de andra. För bakgrundsborttagning laddar du bara upp bilden och ber om det. **Exempel på prompter:** ``` Generera en hero-bild till min landningssida för fintech. Jag vill ha en abstrakt, flödande gradient i djupa blå och lila toner med diskreta geometriska former. Liggande format så att den täcker hela sidans bredd. ``` ``` Ta bort den stökiga köksbakgrunden från det här produktfotot av vår keramikvas. Ersätt den med en ren, mjuk beige bakgrund och behåll de naturliga skuggorna så att det fortfarande ser realistiskt ut. ``` ``` Skapa tre platta illustrationer till introduktionsflödet i mitt SaaS: en för att skapa konto, en för teamsamarbete i en dashboard och en för att fira att allt är klart. Använd turkos och varm orange som huvudfärger. ``` ``` Redigera det första fotot av vår soffa så att det matchar ljuset och trägolvet på det andra fotot, och lägg till växten från det tredje fotot bredvid. Behåll själva soffan exakt som den är. ``` *** ## Webbplatsikon Skapar en favicon till webbläsarfliken. Enkla designer fungerar bäst eftersom favicons är mycket små. Tänk på tydliga former, enstaka bokstäver eller minimala ikoner. **Så här använder du det** Beskriv ikonen du vill ha. Nämn varumärkesnamn, färger och stil. Enklare design syns bättre i liten storlek. **Exempel på prompter:** ``` Skapa en favicon till mitt kafferosteri "Ember". Gör en minimal lågikon i bränd orange på mörk bakgrund. Den måste kännas igen i 16x16 pixlar, så håll den enkel. ``` ``` Generera en favicon till mitt konsultbolag. Bara bokstaven "A" i ett rent sans serif-typsnitt, vit text på en marinblå cirkel. Den ska matcha den professionella tonen på resten av webbplatsen. ``` ``` Gör en favicon till min träningsapp "Pulse". Använd en ikon med en hjärtslagslinje i klargrönt på svart. Något energiskt och modernt i stil med Stravas ikon. ``` *** ## Hitta foton Söker bland gratis arkivfoton och lägger till dem direkt i ditt projekt. Du betalar ingen licensavgift och behöver inte ange källa. Filtrera efter orientering, storlek och färg. **Så här använder du det** Beskriv fotona du behöver: motiv, stämning, ljus och var på webbplatsen de ska användas. **Exempel på prompter:** ``` Hitta 4–5 livsstilsfoton till en webbplats för ett coworking-space. Jag vill ha bilder på människor som arbetar i ljusa, moderna kontor med naturligt ljus, uppfällda laptops och några bilder på samarbete. Liggande format till hero-sektionen och kvadratiska beskärningar till teamsektionen. ``` ``` Sök efter varm matfotografi till webbplatsen för min restaurang med närproducerad mat. Närbilder på uppdukade rätter, rustika träbord och färska råvaror. Jordnära toner, inget som ser för uppstyrt eller konstgjort ut. ``` ``` Hitta ett hero-foto till landningssidan för min fintech-startup. Något abstrakt och professionellt. Stadssilhuett i skymning, ren arkitektur eller en diskret teknikinspirerad bakgrund. Brett format, kalla blå toner. ``` *** ## Hitta ikoner Söker i ett bibliotek med ikoner, illustrationer och emojis. Du får matchande uppsättningar i samma stil i stället för ikoner från olika källor som inte passar ihop. Anpassa färger, storlek och stil. SVG eller PNG. **Så här använder du det** Beskriv vilka ikoner du behöver och var de ska användas. Nämn stilen (linje, fylld, platt) och färger. Om du ber om relaterade ikoner tillsammans blir de enhetliga. **Exempel på prompter:** ``` Hitta en matchande uppsättning linjeikoner till funktionssektionen i mitt SaaS: analys, samarbete, säkerhet, integrationer och support. Alla i samma minimala linjestil, marinblå färg. ``` ``` Sök efter färgglada illustrationer till introduktionsflödet i en wellnessapp. Jag behöver en för varje steg: skapa en profil, sätta hälsomål, ansluta en bärbar enhet och se sin första rapport. ``` ``` Hämta en uppsättning fyllda ikoner till sidfoten i min e-handel: en fraktbil, returpilar, ett säkert betalningslås och en pratbubbla för kundsupport. Mörkgrå, enhetlig stil, ungefär 24 px stora. ``` *** ## Generera video Beskriv en scen, en produktpresentation eller en kort animation, så skapar agenten den. Genererade videor sparas direkt bland dina filer, så att du kan använda dem var som helst i projektet eller bädda in dem i appen. Du kan också ange en referensbild som startbild och beskriva vad som sedan ska hända. **Så här använder du det** Beskriv videon: motiv, rörelse, stämning, kameravinkel och stil. Nämn längd (5 eller 10 sekunder) och orientering om det spelar roll. Om du vill animera utifrån en befintlig bild delar du den och förklarar vad som ska hända. **Exempel på prompter:** ``` Generera en hero-video på 5 sekunder till landningssidan för mitt SaaS. En ren dashboard i mörkt läge med glödande datadiagram, mjuk kamerarörelse bakåt och en futuristisk teknikkänsla. Liggande format. ``` ``` Skapa en loopande bakgrundsvideo till min meditationsapp. Långsam flygning över en dimmig bergsskog i soluppgången. Mjuka blå och gröna toner. Stående orientering för mobilskärmar. ``` ``` Animera det här produktfotot av vår parfymflaska till ett kort klipp. Den ska rotera långsamt medan gyllene ljus sveper över glaset. Ren vit bakgrund, 5 sekunder, liggande format. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.