Web tokens

Toutes les valeurs sont exposées en variables CSS : une valeur ne se réécrit jamais en dur dans un projet. Les noms suivent la collection Figma, de sorte qu'une variable renommée dans la bibliothèque se retrouve à l'identique dans le CSS. Le détail visuel des rampes vit sous Design language → Couleurs ; cette page liste les alias de rôle — ceux à utiliser dans le code.

Couleurs

Le nom Figma se traduit mécaniquement en variable CSS : Palette/Neural/900 devient --neural-900. Utilisez les alias de rôle plutôt que les pas de rampe : ils survivent à un changement de palette.

AliasValeurUsage
--text-strong --neural-900 Titres
--text-body --neural-700 Texte courant
--text-muted --neural-600 Texte secondaire
--surface-page #F8F8F8 Fond de page
--surface-sunken #EFF2F5 Fond creusé, désactivé
--border-default #D5D9DD Bordure courante
--border-focus --blue-600 Anneau de focus
--action-primary-bg --neural-900 Bouton principal
--text-error --red-600 Erreur, destructif
--text-success --green-800 Validation