> ## 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. # Dizájn Elrendezések, képek, ikonok, fotók és vizuális dizájn a projektedhez. *** ## Egyéni dizájn Mutass az ügynöknek bármilyen képet, képernyőképet vagy vázlatot, és ő követi a stílusát. A megadott irány alapján kiválasztja a betűtípusokat, színeket, térközöket és elrendezéseket. Minden alapból reszponzív, vagyis minden eszközön jól jelenik meg. **Hogyan használd** Írd le, milyen megjelenést és hangulatot szeretnél. Oszd meg a képernyőképeket, hangulattáblákat vagy referenciaoldalakat. Bármikor mondhatod, hogy "tedd szebbé", és az ügynök átdolgozza a dizájnt. **Példa promptok:** ``` Építs nekem landing oldalt az éttermi készletkezelő SaaS-omhoz. Letisztult, megbízható hatást szeretnék, hasonlót, mint a Linear vagy a Stripe. Sötét hero szekció termék-mockuppal, ikonos funkciórács, alul pedig háromszintű árazási táblázat. ``` ``` Tervezd újra a nyitóoldalamat az Airbnb ezen képernyőképe alapján. Nyaralóingatlanokat üzemeltetek az Algarve-ban, és hasonló elrendezést szeretnék, de melegebb színekkel, terrakottával és krémszínnel. A keresősáv maradjon hangsúlyos, és adj hozzá egy szekciót a 6 kiemelt ingatlanunkhoz. ``` ``` Dolgozd át az oldalamat, hogy prémiumabb és szerkesztőségibb hatású legyen. Márkastratéga vagyok luxusdivat-ügyfeleknek. Gondolj a Vogue és egy csúcsügynökség keveréküre. Használj nagy, teljes szélességű képeket, kevés szöveget és sok üres teret mindenhol. ``` *** ## Képek készítése és szerkesztése Írj le egy képet, és az ügynök elkészíti. Tölts fel egy fotót, és mondd meg, mit változtasson rajta. Tölts fel bármit, és kérd a háttér eltávolítását. Minden kép állandó linket kap. Te választod ki az alakját: fekvő, négyzet vagy álló. A szerkesztésekhez több kép is használható. Töltsd fel a módosítandó fotót és legfeljebb 13 referenciaképet, és az ügynök a referenciákból átveszi a stílust, a színeket vagy a tárgyakat, és alkalmazza az eredeti képen. A háttér eltávolítása valódi átlátszó PNG-t eredményez, amelyet bármilyen háttérre ráhelyezhetsz. **Hogyan használd** Írd le, milyen legyen a kép: stílus, hangulat, színek, téma. Szerkesztéshez töltsd fel a képet, és magyarázd el a módosításokat. Referenciaképek megadásakor mondd meg, melyik kép a módosítandó, és mit vegyen át a többiből. A háttér eltávolításához elég feltölteni a képet és kérni. **Példa promptok:** ``` Generálj hero képet a fintech landing oldalamhoz. Absztrakt, áramló színátmenetet szeretnék mély kék és lila tónusokban, finom geometrikus formákkal. Fekvő formátum, hogy az oldal teljes szélességét kitöltse. ``` ``` Távolítsd el a zsúfolt konyhai hátteret a kerámiavázánk termékfotójáról. Cseréld le tiszta, lágy bézs háttérre, és tartsd meg a természetes árnyékokat, hogy még mindig valósághűnek tűnjön. ``` ``` Készíts három lapos illusztrációt a SaaS bevezető folyamatomhoz: egyet a fiók beállításához, egyet a csapatmunkához egy vezérlőpulton, egyet pedig a befejezés megünnepléséhez. Főszínként használj türkizt és meleg narancsot. ``` ``` Szerkeszd úgy a kanapénk első fotóját, hogy illeszkedjen a második fotó megvilágításához és fapadlójához, és tedd mellé a harmadik fotón látható növényt. Magát a kanapét hagyd pontosan úgy, ahogy van. ``` *** ## Oldalikon Favicont generál a böngészőfülre. Az egyszerű kialakítások működnek a legjobban, mert a faviconok nagyon kicsik. Gondolj merész formákra, egyetlen betűre vagy minimalista ikonra. **Hogyan használd** Írd le a kívánt ikont. Említsd meg a márkanevet, a színeket és a stílust. Minél egyszerűbb, annál jobban olvasható kis méretben. **Példa promptok:** ``` Készíts faviconot az "Ember" nevű kávépörkölőmhöz. Legyen egy minimalista láng ikon égetett narancsszínben, sötét háttéren. Fel kell ismerni 16x16 pixelben is, ezért tartsd egyszerűnek. ``` ``` Generálj faviconot a tanácsadó cégemnek. Csak az "A" betű letisztult talpatlan betűtípussal, fehér szöveg sötétkék körben. Illeszkedjen az oldal többi részének professzionális hangvételéhez. ``` ``` Készíts faviconot a "Pulse" nevű fitneszalkalmazásomhoz. Használj szívverésvonal ikont élénkzöld színben, feketén. Valami energikus és modern, mint a Strava ikonjának stílusa. ``` *** ## Fotók keresése Ingyenes stockfotókat keres, és közvetlenül hozzáadja őket a projektedhez. Nincs licencdíj, nincs szükség forrásmegjelölésre. Szűrhetsz tájolás, méret és szín szerint. **Hogyan használd** Írd le, milyen fotókra van szükséged: téma, hangulat, megvilágítás, és hová kerülnek az oldalon. **Példa promptok:** ``` Keress 4-5 életstílusfotót egy coworking iroda weboldalához. Olyan képekre van szükségem, amelyeken emberek világos, modern irodákban dolgoznak természetes fénnyel, nyitott laptopokkal, és néhány együttműködős felvétel is kell. Fekvő a hero szekcióhoz, négyzetre vágott a csapat szekcióhoz. ``` ``` Keress meleg hangulatú ételfotókat a farm-to-table éttermem oldalához. Közeli felvételek tálalt ételekről, rusztikus faasztalokról és friss alapanyagokról. Földszínek, semmi túl beállított vagy mesterkélt. ``` ``` Keress hero fotót a fintech startupom landing oldalához. Valami absztrakt és professzionális. Városkép alkonyatkor, letisztult építészet vagy finom technológiai háttér. Széles formátum, hűvös kék tónusok. ``` *** ## Ikonok keresése Ikonok, illusztrációk és emojik könyvtárában keres. Különböző forrásokból származó, nem összeillő ikonok helyett azonos stílusú, egymáshoz illő készleteket kapsz. Testreszabhatod a színeket, a méretet és a stílust. SVG vagy PNG formátumban. **Hogyan használd** Írd le, milyen ikonokra van szükséged, és hová kerülnek. Említsd meg a stílust (vonalas, kitöltött, lapos) és a színeket. Ha az összetartozó ikonokat együtt kéred, egységesek maradnak. **Példa promptok:** ``` Keress nekem egy összeillő vonalas ikonkészletet a SaaS funkciók szekciómhoz: analitika, együttműködés, biztonság, integrációk és támogatás. Mind ugyanabban a minimalista vonalstílusban, sötétkék színben. ``` ``` Keress színes illusztrációkat egy wellness alkalmazás bevezető folyamatához. Mindegyik lépéshez kell egy: profil létrehozása, egészségügyi célok kitűzése, viselhető eszköz csatlakoztatása és az első jelentés megtekintése. ``` ``` Keress nekem egy kitöltött ikonkészletet a webshopom láblécéhez: szállítókamion, visszaküldési nyilak, biztonságos fizetés lakat és ügyfélszolgálati chatbuborék. Sötétszürke, egységes stílus, körülbelül 24 px méret. ``` *** ## Videó generálása Írj le egy jelenetet, egy termékbemutatót vagy egy rövid animációt, és az ügynök elkészíti. A generált videók közvetlenül a fájljaid közé kerülnek, így bárhol felhasználhatod őket a projektedben, vagy beágyazhatod az alkalmazásodba. Referenciaképet is megadhatsz kezdőkockának, és leírhatod, mi történjen ezután. **Hogyan használd** Írd le a videót: téma, mozgás, hangulat, kameraállás és stílus. Ha számít, add meg a hosszt (5 vagy 10 másodperc) és a tájolást. Meglévő képből induló animációhoz oszd meg a képet, és magyarázd el, mi történjen. **Példa promptok:** ``` Generálj 5 másodperces hero videót a SaaS landing oldalamhoz. Letisztult, sötét módú vezérlőpult izzó adatdiagramokkal, lágy kameratávolodás, futurisztikus technológiai hangulat. Fekvő formátum. ``` ``` Készíts végtelenített háttérvideót a meditációs alkalmazásomhoz. Lassú légi siklás egy ködös hegyi erdő felett napfelkeltekor. Lágy kék és zöld színek. Álló tájolás mobilképernyőkhöz. ``` ``` Animáld ezt a parfümösüvegünkről készült termékfotót rövid klippé. Lassan forogjon, miközben aranyszínű fény söpör végig az üvegen. Letisztult fehér háttér, 5 másodperc, fekvő formátum. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.