Fondations

Typographie

Règles typographiques - ce qu'il NE FAUT PAS faire

Quatre contraintes auxquelles le système typographique se tient. À lire avant d'introduire un nouveau style de titre - ce sont les règles qui expliquent pourquoi les titres restent cohérents sur chaque page.

  • Ne jamais utiliser leading-none - banni pour l'ensemble du projet. Utilisez leading-tight / leading-[1.06] pour l'affichage.
  • Utilisez text-wrap: balance sur chaque titre (déjà présent dans les styles de base).
  • Les titres de héros des sous-pages visent une compression de 4 à 6 mots qui passe sur deux lignes à partir de lg.
  • Les kickers sont en majuscules mono à 12 px avec un espacement de 0,12em - la recette canonique est .u-kicker.
Typographie · Tokens