Typographie
L'échelle est une décision de densité et les caractères sont une décision de police : cette page montre comment une forme se lit, pas ce qu'elle vaut aujourd'hui. Changez l'axe des polices dans le panneau de débogage et tout ce qui est en dessous est défini dans une autre police sans changement de règle.
Familles
--font-family-base
--font-family-heading
--font-family-mono
Poids
--font-weight-normal — Le rapide renard brun saute par-dessus le chien paresseux — 0123456789
--font-weight-medium — Le rapide renard brun saute par-dessus le chien paresseux — 0123456789
--font-weight-strong — Le rapide renard brun saute par-dessus le chien paresseux — 0123456789
--font-weight-bold — Le rapide renard brun saute par-dessus le chien paresseux — 0123456789
Échelle typographique
Design system — Éléments de base pour de superbes interfaces
Utilisé une fois par page. Définit le contexte principal. Associé à un court paragraphe d'introduction.
La typographie établit la hiérarchie et le rythme
Titre de niveau section. Regroupe le contenu lié. Suivi généralement par du texte de corps ou des sous-sections.
L'espacement et la proportion façonnent la lisibilité
Titre de sous-section. Introduit un sujet ciblé au sein d'une section.
La couleur et le contraste guident l'œil
Utilisé pour les titres de cartes, les sections de barre latérale ou les regroupements mineurs.
Les états interactifs doivent être évidents
Étiquettes, en-têtes de métadonnées, petits regroupements. Subtil mais distinct du texte de corps.
L'accessibilité est une caractéristique, pas une réflexion après coup
Le plus petit niveau de titre. Utiliser avec parcimonie — pour les notes de bas de page, les blocs juridiques ou les étiquettes auxiliaires.