Design tokens
Les design tokens centralisent les propriétés de styles (couleurs, polices, etc.) sous forme de variables réutilisables, pour une cohérence visuelle et technique.
Couleurs - Palette
La palette recense l'ensemble des couleurs dites primitives (valeur brute) autorisées par le DSA.
Couleurs - Usage
Les règles d'utilisation des couleurs expliquent quelles couleurs choisir en fonction de l'élément et du contexte.
Typographie
La typographie définit les familles de polices, les tailles, les poids et les hauteurs de ligne standardisés pour garantir lisibilité et cohérence dans tous les contenus du DSA.
Icones
La bibliothèque d’icônes propose un jeu d’illustrations cohérentes, conçues pour s’intégrer harmonieusement aux interfaces du DSA, avec des règles d’usage et de dimensionnement.
Mise en page - Layout
Les règles de mise en page encadrent la structure des interfaces (grilles, espacements, alignements) pour une organisation visuelle claire et homogène.
Cible de saisie - Focus
Les états de focus définissent les styles appliqués aux éléments interactifs lors de leur activation (clavier, navigation) pour une accessibilité optimale.
Graphiques - Charts
Les règles de conception des graphiques standardisent les couleurs, les styles et les comportements des visualisations de données au sein du DSA.
Écoconception
Une démarche d’écoconception progressive appliquée au design system