Les jetons de design sont les atomes visuels d'un système de design — ce sont des entités nommées qui stockent des attributs de design visuel comme la couleur, l'espacement et la typographie.
Le groupe communautaire W3C Design Tokens standardise le format des jetons de design pour permettre l'interopérabilité entre les outils de design et les plateformes de développement.
:root {
--color-primary: #3b82f6;
--color-secondary: #8b5cf6;
--color-accent: #f59e0b;
--color-background: #ffffff;
--color-foreground: #1a1a2e;
}