> ## Documentation Index > Fetch the complete documentation index at: https://wl.macaly.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Design Mises en page, images, icônes, photos et design visuel pour votre projet. *** ## Design personnalisé Montrez à l'agent n'importe quelle image, capture d'écran ou croquis et il reproduit le style. Il choisit les polices, couleurs, espacements et mises en page en fonction de vos indications. Tout est responsive sur tous les appareils par défaut. **Comment l'utiliser** Décrivez le look and feel que vous souhaitez. Partagez des captures d'écran, des planches d'inspiration ou des sites de référence. Dites « améliore le design » à tout moment pour retravailler l'apparence. **Exemples de prompts :** ``` Crée-moi une page d'atterrissage pour mon SaaS de gestion d'inventaire pour restaurants. Je veux un rendu épuré et professionnel, similaire à Linear ou Stripe. Section hero sombre avec une maquette produit, grille de fonctionnalités avec icônes et un tableau de tarification à trois niveaux en bas. ``` ``` Redessine ma page d'accueil en utilisant cette capture d'écran d'Airbnb comme référence. Je gère des locations de vacances à Nice et je veux une mise en page similaire mais avec des couleurs plus chaudes, terracotta et crème. Garde la barre de recherche bien visible et ajoute une section pour nos 6 propriétés vedettes. ``` ``` Retravaille mon site pour qu'il fasse plus premium et éditorial. Je suis stratège de marque pour des clients de mode haut de gamme. Pense Vogue croisé avec une agence premium. Utilise de grandes images pleine largeur, un minimum de texte et beaucoup d'espace blanc partout. ``` *** ## Créer et modifier des images Décrivez une image et l'agent la crée. Téléchargez une photo et dites-lui quoi changer. Téléchargez n'importe quoi et demandez à supprimer l'arrière-plan. Chaque image obtient un lien permanent. Vous choisissez le format : paysage, carré ou portrait. **Comment l'utiliser** Décrivez à quoi l'image doit ressembler : style, ambiance, couleurs, sujet. Pour les modifications, téléchargez l'image et expliquez les changements. Pour la suppression d'arrière-plan, téléchargez simplement et demandez. **Exemples de prompts :** ``` Génère une image hero pour ma page d'atterrissage fintech. Je veux un dégradé abstrait fluide dans des tons bleu profond et violet avec des formes géométriques subtiles. Format paysage pour couvrir toute la largeur de la page. ``` ``` Supprime l'arrière-plan encombré de cuisine de cette photo produit de notre vase en céramique. Remplace-le par un fond beige doux et propre en conservant les ombres naturelles pour un rendu réaliste. ``` ``` Crée trois illustrations flat pour mon flux d'intégration SaaS : une pour la configuration du compte, une pour la collaboration d'équipe sur un dashboard et une pour la célébration de fin. Utilise le bleu sarcelle et l'orange chaud comme couleurs principales. ``` *** ## Icône du site Génère un favicon pour l'onglet de votre navigateur. Les designs simples fonctionnent le mieux car les favicons sont minuscules. Pensez formes audacieuses, lettres uniques ou icônes minimalistes. **Comment l'utiliser** Décrivez l'icône que vous souhaitez. Mentionnez le nom de la marque, les couleurs et le style. Plus c'est simple, mieux c'est à petite taille. **Exemples de prompts :** ``` Crée un favicon pour ma torréfaction de café appelée « Ember ». Fais-en une icône de flamme minimaliste en orange brûlé sur fond sombre. Il doit être reconnaissable à 16x16 pixels, donc garde-le simple. ``` ``` Génère un favicon pour mon cabinet de conseil. Juste la lettre « A » dans une police sans-serif épurée, texte blanc sur un cercle bleu marine. Doit correspondre au ton professionnel du reste du site. ``` ``` Fais un favicon pour mon application fitness appelée « Pulse ». Utilise une icône de ligne de battement de cœur en vert vif sur noir. Quelque chose d'énergique et moderne, dans le style de l'icône de Strava. ``` *** ## Trouver des photos Recherche des photos libres de droits et les ajoute directement à votre projet. Pas de frais de licence, pas d'attribution. Filtrez par orientation, taille et couleur. **Comment l'utiliser** Décrivez les photos dont vous avez besoin : sujet, ambiance, éclairage et où elles iront sur le site. **Exemples de prompts :** ``` Trouve-moi 4-5 photos lifestyle pour un site d'espace de coworking. J'ai besoin de photos de personnes travaillant dans des bureaux modernes et lumineux avec un éclairage naturel, ordinateurs portables ouverts, quelques photos de collaboration. Paysage pour le hero et carrées pour la section équipe. ``` ``` Cherche des photos culinaires chaleureuses pour mon site de restaurant de la ferme à la table. Gros plans de plats dressés, tables en bois rustiques et ingrédients frais. Tons terreux, rien de trop stylisé ou artificiel. ``` ``` Trouve une photo hero pour ma page d'atterrissage de startup fintech. Quelque chose d'abstrait et professionnel. Paysage urbain au crépuscule, architecture épurée ou fond subtil à thème tech. Format large, tons bleu froid. ``` *** ## Trouver des icônes Recherche dans une bibliothèque d'icônes, illustrations et emojis. Vous obtenez des ensembles assortis dans le même style au lieu d'icônes dépareillées de sources différentes. Personnalisez les couleurs, la taille et le style. SVG ou PNG. **Comment l'utiliser** Décrivez les icônes dont vous avez besoin et où elles iront. Mentionnez le style (trait, rempli, flat) et les couleurs. Demander des icônes liées ensemble garantit la cohérence. **Exemples de prompts :** ``` Trouve-moi un ensemble d'icônes en trait assorti pour ma section fonctionnalités SaaS : analytique, collaboration, sécurité, intégrations et support. Toutes dans le même style de trait minimal, couleur bleu marine. ``` ``` Cherche des illustrations colorées pour le flux d'intégration d'une application bien-être. J'en ai besoin d'une pour chaque étape : création de profil, définition d'objectifs santé, connexion d'un appareil portable et consultation du premier rapport. ``` ``` Trouve un ensemble d'icônes remplies pour le pied de page de mon site e-commerce : camion de livraison, flèches de retour, cadenas de paiement sécurisé et bulle de chat support client. Gris foncé, style cohérent, environ 24px. ``` *** ## Générer une vidéo Décrivez une scène, une présentation de produit ou une courte animation et l'agent la produit. Les vidéos générées sont enregistrées directement dans vos fichiers pour que vous puissiez les utiliser n'importe où dans votre projet ou les intégrer dans votre application. Vous pouvez également fournir une image de référence comme première image et décrire ce qui doit se passer ensuite. **Comment l'utiliser** Décrivez la vidéo : sujet, mouvement, ambiance, angle de caméra et style. Mentionnez la durée (5 ou 10 secondes) et l'orientation si nécessaire. Pour animer à partir d'une image existante, partagez-la et expliquez ce qui doit se passer. **Exemples de prompts :** ``` Génère une vidéo hero de 5 secondes pour ma page d'atterrissage SaaS. Un dashboard dark mode épuré avec des graphiques de données lumineux, un recul de caméra fluide, ambiance tech futuriste. Format paysage. ``` ``` Crée une vidéo de fond en boucle pour mon application de méditation. Survol aérien lent au-dessus d'une forêt de montagne brumeuse au lever du soleil. Bleus et verts doux. Orientation portrait pour les écrans mobiles. ``` ``` Anime cette photo produit de notre flacon de parfum en un court clip. Il doit tourner lentement tandis qu'une lumière dorée balaye le verre. Fond blanc propre, 5 secondes, paysage. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.