Poids recommandés
Limiter le nombre de graisses sur un même écran. Utiliser Black/Bold pour la hiérarchie et Regular pour le contenu.
Normal 400
Moyen 500
Semi-gras 600
Gras 700
Noir 900
Système typographique
Échelle typographique
Appliquer cette échelle pour conserver un rythme de lecture homogène dans toute l application.
RôleTailleUsage
Titre H1
36-48 px
Titres de page et messages héros
Titre H2
28-32 px
Titres de section
Titre H3
22-24 px
Sous-sections et cartes
Corps
16 px
Contenu principal et descriptions
Légende
14 px
Aides contextuelles et métadonnées
Bonnes pratiques
- Privilégier un alignement à gauche pour les textes longs.
- Maintenir un interlignage confortable (1.4 à 1.6).
- Éviter les blocs entièrement en capitales hors labels courts.
- Vérifier le contraste du texte dans chaque thème actif.
Exemple de composition
Exemple de bloc éditorial conforme aux règles de hiérarchie et de lisibilité.
Investir pour la nature, avec clarté.
Chaque message doit expliquer l action, son impact et la prochaine étape. La forme sert la compréhension.
Label secondaire / information contextuelle