Design system
Couleurs, typographie, composants et formats de l'interface.
Couleurs
Chaque couleur passe par un token ; sa valeur change avec le thème.
--background--card--primary--muted--border--brand-coral--sidebar--sidebar-accentStatuts des indicateurs
Réservés aux indicateurs, toujours accompagnés d'une icône et d'un libellé.
AtteintÀ surveillerEn retardSans objectif
Graphiques
Séries dans un ordre fixe, validé pour les daltonismes en clair et en sombre.
Série 1Série 2Série 3Série 4Série 5Typographie
Inter, échelle compacte, chiffres tabulaires.
- Titre de page
- Performance commerciale
- Titre de section
- Pipeline du trimestre
- Texte courant
- Chaque chiffre est calculé par le moteur et daté.
- Tableau
- Camille Martin · Conseil
- Libellé
- Mis à jour le 31 oct. 2026, 15:05
- Chiffre clé
- 129,7 k €
Chiffres clés
En synthèse, montants abrégés ; le détail donne le montant exact.
Signé ce mois
129,7 k €
Objectif 150 k € · 86,5 %À surveiller
Facturé ce mois
98,4 k €
+12,5 % sur un an
Taux de marge
31,2 %
-2,1 % sur un an
Boutons
Une action principale par écran.
Champs
Contrôles de 32 px, libellé toujours visible.
Tableau
Lignes de 36 px, montants exacts alignés à droite.
| Commercial | Unité | Signé | Objectif | Atteinte | Statut |
|---|---|---|---|---|---|
| Camille Martin | Conseil | 48 200 € | 45 000 € | 107,1 % | Atteint |
| Hugo Bernard | Data | 36 900 € | 42 000 € | 87,9 % | À surveiller |
| Léa Dubois | Cloud | 27 450 € | 40 000 € | 68,6 % | En retard |
| Nina Petit | Conseil | 17 150 € | — | — | Sans objectif |
| Total | 129 700 € | 127 000 € | |||
Onglets, menus et infobulles
Navigation dans une page et actions secondaires.
Indicateurs de la période : Mois
Chargement
Squelettes à la forme du contenu attendu.
Formats
Formateurs centralisés : aucun formatage manuel dans les composants.
- Montant exact (détail)
- 129 700 € · 129 700,50 €
- Montant en synthèse
- 129,7 k € · 1,3 M €
- Autres devises
- 129,7 k $US · -1 250 £GB
- Pourcentage
- 87,4 %
- Évolution
- +12,5 % · -3,2 %
- Date
- 31 oct. 2026
- Mois
- octobre 2026
- Horodatage
- 31 oct. 2026, 15:05
- Donnée absente
- —