Noms de design tokens pour systemes de couleurs
Les tokens semantiques facilitent la maintenance. Au lieu de blue-600 partout, utilisez des noms comme color-action-primary ou color-text-muted.
Nommage semantique
:root {
--color-text-primary: #111827;
--color-text-muted: #64748b;
--color-bg-page: #ffffff;
--color-bg-panel: #f8fafc;
--color-action-primary: #2563eb;
--color-state-danger: #dc2626;
}Checklist developpeur
- Utilisez des noms semantiques pour l UI produit.
- Gardez les noms palette comme reference.
- Documentez le role de chaque token.