> ## 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 Lay-outs, afbeeldingen, iconen, foto's en visueel ontwerp voor uw project. *** ## Aangepast design Toon de agent een afbeelding, screenshot of schets en hij past de stijl aan. Hij kiest lettertypen, kleuren, tussenruimte en lay-outs op basis van de richting die u aangeeft. Alles is standaard responsive op alle apparaten. **Hoe werkt het** Beschrijf de look and feel die u wilt. Deel screenshots, moodboards of referentiesites. Zeg op elk moment "maak het mooier" om het ontwerp te herwerken. **Voorbeeldprompts:** ``` Bouw een landingspagina voor mijn SaaS voor restaurantvoorraadbeheer. Ik wil een strak, betrouwbaar gevoel vergelijkbaar met Linear of Stripe. Donkere hero-sectie met een productmockup, functieraster met iconen en een prijstabel met drie niveaus onderaan. ``` ``` Herontwerp mijn homepage met deze screenshot van Airbnb als referentie. Ik verhuur vakantiewoningen aan de Côte d'Azur en wil een vergelijkbare lay-out maar met warmere kleuren, terracotta en crème. Houd de zoekbalk prominent en voeg een sectie toe voor onze 6 uitgelichte woningen. ``` ``` Herwerk mijn site zodat het meer premium en redactioneel aanvoelt. Ik ben merkstrateeg voor luxe modeklanten. Denk aan Vogue gecombineerd met een high-end bureau. Gebruik grote full-bleed afbeeldingen, minimale tekst en veel witruimte overal. ``` *** ## Afbeeldingen maken en bewerken Beschrijf een afbeelding en de agent maakt deze. Upload een foto en vertel wat er moet veranderen. Upload iets en vraag om de achtergrond te verwijderen. Elke afbeelding krijgt een permanente link. U kiest het formaat: liggend, vierkant of staand. Bewerkingen kunnen meerdere afbeeldingen gebruiken. Upload de foto die u wilt aanpassen plus maximaal 13 referentieafbeeldingen; de agent haalt stijl, kleuren of objecten uit de referenties en past ze toe op de oorspronkelijke afbeelding. Achtergrondverwijdering levert een echt transparante PNG op, die u op elke achtergrond kunt plaatsen. **Hoe werkt het** Beschrijf hoe de afbeelding eruit moet zien: stijl, sfeer, kleuren, onderwerp. Voor bewerkingen uploadt u de afbeelding en legt u de wijzigingen uit. Voegt u referenties toe, zeg er dan bij welke afbeelding aangepast moet worden en wat er uit de andere moet komen. Voor achtergrondverwijdering uploadt u gewoon en vraagt u erom. **Voorbeeldprompts:** ``` Genereer een hero-afbeelding voor mijn fintech-landingspagina. Ik wil een abstract vloeiend verloop in diepblauw en paarstinten met subtiele geometrische vormen. Liggend formaat zodat het de volledige breedte van de pagina beslaat. ``` ``` Verwijder de rommelige keukenachtergrond van deze productfoto van onze keramische vaas. Vervang het door een schone, zachte beige achtergrond en behoud de natuurlijke schaduwen zodat het er realistisch blijft uitzien. ``` ``` Maak drie platte illustraties voor mijn SaaS-onboardingflow: een voor accountinstelling, een voor teamsamenwerking op een dashboard en een voor een voltooiingsviering. Gebruik blauwgroen en warm oranje als hoofdkleuren. ``` ``` Bewerk de eerste foto van onze bank zodat die past bij de belichting en de houten vloer op de tweede foto, en zet de plant van de derde foto ernaast. Laat de bank zelf precies zoals hij is. ``` *** ## Site-icoon Genereert een favicon voor uw browsertabblad. Eenvoudige ontwerpen werken het best omdat favicons heel klein zijn. Denk aan opvallende vormen, enkele letters of minimale iconen. **Hoe werkt het** Beschrijf het icoon dat u wilt. Noem merknaam, kleuren en stijl. Eenvoudiger leest beter op kleine formaten. **Voorbeeldprompts:** ``` Maak een favicon voor mijn koffiebranderij genaamd "Ember". Maak het een minimaal vlamicoon in gebrand oranje op een donkere achtergrond. Het moet herkenbaar zijn op 16x16 pixels, dus houd het simpel. ``` ``` Genereer een favicon voor mijn adviesbureau. Alleen de letter "A" in een schoon sans-serif lettertype, witte tekst op een marineblauw rondje. Moet passen bij de professionele toon van de rest van de site. ``` ``` Maak een favicon voor mijn fitness-app genaamd "Pulse". Gebruik een hartslaglijn-icoon in felgroen op zwart. Iets energieks en moderns, in de stijl van het Strava-icoon. ``` *** ## Foto's zoeken Zoekt gratis stockfoto's en voegt ze direct toe aan uw project. Geen licentiekosten, geen naamsvermelding. Filter op oriëntatie, grootte en kleur. **Hoe werkt het** Beschrijf de foto's die u nodig hebt: onderwerp, sfeer, belichting en waar ze op de site komen. **Voorbeeldprompts:** ``` Zoek 4-5 lifestylefoto's voor een coworkingruimte-website. Ik heb foto's nodig van mensen die werken in lichte moderne kantoren met natuurlijk licht, laptops open, wat samenwerkingsshots. Liggend voor de hero en vierkant voor de teamsectie. ``` ``` Zoek warme culinaire fotografie voor mijn farm-to-table restaurant- site. Close-ups van opgediende gerechten, rustieke houten tafels en verse ingrediënten. Aardse tinten, niets te gestileerd of kunstmatig. ``` ``` Zoek een hero-foto voor mijn fintech-startup-landingspagina. Iets abstracts en professioneels. Stadsgezicht bij schemering, strakke architectuur of een subtiele tech-achtergrond. Breed formaat, koele blauwtinten. ``` *** ## Iconen zoeken Doorzoekt een bibliotheek van iconen, illustraties en emoji's. U krijgt bijpassende sets in dezelfde stijl in plaats van niet-bijpassende iconen van verschillende bronnen. Pas kleuren, grootte en stijl aan. SVG of PNG. **Hoe werkt het** Beschrijf welke iconen u nodig hebt en waar ze komen. Noem de stijl (lijn, gevuld, flat) en kleuren. Gerelateerde iconen samen aanvragen houdt ze consistent. **Voorbeeldprompts:** ``` Zoek een bijpassende set lijn-iconen voor mijn SaaS-functiesectie: analytics, samenwerking, beveiliging, integraties en support. Allemaal in dezelfde minimale lijnstijl, marineblauw. ``` ``` Zoek kleurrijke illustraties voor een welzijnsapp-onboardingflow. Ik heb er een nodig voor elke stap: profiel aanmaken, gezondheids- doelen instellen, draagbaar apparaat verbinden en eerste rapport bekijken. ``` ``` Zoek een set gevulde iconen voor de footer van mijn e-commercesite: bezorgwagen, retourpijlen, beveiligd-betalingslot en klantenservice- chatballon. Donkergrijs, consistente stijl, ongeveer 24px. ``` *** ## Video genereren Beschrijf een scène, een productpresentatie of een korte animatie en de agent produceert het. Gegenereerde video's worden direct in uw bestanden opgeslagen zodat u ze overal in uw project kunt gebruiken of in uw app kunt insluiten. U kunt ook een referentieafbeelding als startframe geven en beschrijven wat er daarna moet gebeuren. **Hoe werkt het** Beschrijf de video: onderwerp, beweging, sfeer, camerahoek en stijl. Noem de lengte (5 of 10 seconden) en oriëntatie als dat uitmaakt. Om een bestaande afbeelding te animeren, deel deze en leg uit wat er moet gebeuren. **Voorbeeldprompts:** ``` Genereer een 5 seconden durende hero-video voor mijn SaaS-landings- pagina. Een strak dark-mode dashboard met oplichtende datagrafieken, vloeiende camera-terugbeweging, futuristisch tech-gevoel. Liggend formaat. ``` ``` Maak een herhalende achtergrondvideo voor mijn meditatie-app. Langzame luchtopname over een mistig bergbos bij zonsopgang. Zachte blauwe en groene tinten. Staand formaat voor mobiele schermen. ``` ``` Animeer deze productfoto van onze parfumfles tot een kort clipje. Het moet langzaam draaien terwijl gouden licht over het glas strijkt. Schone witte achtergrond, 5 seconden, liggend. ```