Guide de style pour la typographie
Définir le système typographique
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Conçois le guide de style typographique pour [marque]. Recommande : la paire de fontes (serif/sans-serif) adaptée au positionnement [description_positionnement], la hiérarchie typographique complète (H1 à H6, body, caption, label), les tailles et poids pour desktop et mobile, les règles d'espacement (line-height, letter-spacing), et les cas d'usage de chaque style.
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 un rendu cohérent, définis les line-height en ratio (ex: 1.5 pour body, 1.2 pour H1) plutôt qu’en valeurs fixes : ça s’adapte automatiquement à chaque taille. Ajoute aussi des règles d’accessibilité : contraste minimal 4.5:1 et tailles minimum 16px pour le body en mobile.
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
Design sprint facilitation
Faciliter un Design Sprint