Carte d’outil
À utiliser pour les éléments de catalogue, les métriques, les résumés de fonctionnalités et les aperçus légers.
Tokens
Couleur, espacement, rayon et mouvement
Les tokens sont l'unique source de vérité autorisée pour les primitives visuelles. Les nouvelles pages doivent les consommer, sans les redéfinir.
Arrière-plan
Surface
Accent
Rayon
6 / 10 / 16
Utilisez uniquement `sm`, `md`, `lg`.
Espacement
8-32
La plupart de l’interface tient dans la bande d’espacement de base.
Mouvement
150-220ms
Les transitions doivent rester subtiles et rapides.
Typographie
Hiérarchie lisible avec une densité compacte
H1 de page : identité principale de la page
Section H2 : bloc de contenu principal
Groupe de cartes H3 : regroupement secondaire
Carte H4 : titre de carte standard
Le texte d’accroche est réservé aux courtes introductions de page et aux descriptions explicatives.
Le texte courant est utilisé par défaut pour les textes d’aide, les descriptions d’outils et les explications des résultats.
La légende sert aux métadonnées, aux compteurs, aux notes de champ et aux aides secondaires.
Cartes
Conteneurs de contenu standardisés
Carte de liste
À utiliser pour les lignes de résultats, les outils associés, les listes de raccourcis ou les blocs d’historique récent.
Contrôles
Boutons, champs, pastilles et langage d’état
Modèles
Composition de page réutilisable
!
Avis principal
Utilisez des blocs d’avis pour le texte d’aide, les messages de confidentialité ou les limites de l’outil.
| Calque | Cas d’usage |
|---|---|
| Token | Couleur, typographie, espacement, mouvement |
| Base | Primitives de typographie et de mise en page |
| Composant | Boutons, cartes, contrôles de formulaire |