Fondations
Les fondations définissent les règles visuelles, structurelles et techniques qui assurent la cohérence du Design System.
Couleurs de fondation
Lecture fonctionnelle des tokens réellement utilisés par le Design System. Les couleurs proches sont regroupées en rampes pour montrer leur rôle plutôt que comme une simple liste de nuances.
Marque et actions
Couleurs qui portent l’identité, les actions principales et les accents éditoriaux.
Rampe de surfaces
Ces tons proches construisent la profondeur : page, zones, cartes, panels et séparations légères.
surfacesurface-softbackgroundbackground-mutedsurface-neutralsurface-mediumsurface-strongTexte et bordures
Tokens de lisibilité et de structure. Ils ne servent pas de couleurs décoratives.
États sémantiques
Chaque état possède une couleur de texte ou d’icône, un fond doux et une bordure. Cette logique évite de multiplier les couleurs au cas par cas dans les composants.
Tokens d’usage composants
Ces variables ne créent pas de nouvelles couleurs. Elles affectent les couleurs de fondation aux composants configurables.