Système de couleurs accessible
Créer une palette de couleurs accessible
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Crée un système de couleurs pour [marque] à partir des couleurs primaires [couleurs_hex]. Le système doit : couvrir toutes les nuances nécessaires (50-900), garantir les ratios de contraste WCAG AA sur fond blanc et foncé, inclure les états sémantiques (success, error, warning, info), et être compatible avec le dark mode. Fournis les valeurs hex et les ratios de contraste.
Personnaliser ce prompt avec Léa
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour aller plus loin, demande au modèle d'intégrer directement les seuils de contraste WCAG AA (4.5:1 pour texte normal, 3:1 pour grands textes) et de fournir un exemple d'application sur un composant UI comme un bouton. Cela valide l'utilisabilité réelle du système.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Guide de contribution au design system
Gouverner le design system
Prompt Claude pour créer un design UI
Claude est devenu un allié incontournable pour les designers et développeurs qui souhaitent créer des interfaces utilisateur de qualité professionnelle. Grâce à sa compréhension approfondie des principes de design, des frameworks CSS modernes et des bonnes pratiques UX, Claude peut générer des maquettes complètes en HTML/CSS, proposer des systèmes de design cohérents et produire du code frontend prêt à l'emploi. Que vous conceviez une landing page, un tableau de bord ou une application mobile, Claude analyse vos besoins fonctionnels et esthétiques pour produire des interfaces visuellement soignées, accessibles et responsive. L'avantage majeur réside dans sa capacité à itérer rapidement : vous décrivez votre vision, Claude génère une première version, puis vous affinez ensemble jusqu'au résultat souhaité. Il maîtrise Tailwind CSS, shadcn/ui, les principes de hiérarchie visuelle, la théorie des couleurs et les standards d'accessibilité WCAG. Contrairement aux outils de design traditionnels, Claude comprend le contexte métier de votre projet et adapte ses propositions en conséquence, ce qui en fait un outil particulièrement puissant pour le prototypage rapide et la production d'interfaces finales.
Audit de design system existant
Améliorer un design system existant
Liste de plans pour vidéo de mariage
Pré-production de vidéographie de mariage