Couleurs — Marque
Neutres
Sémantique
Typographie — Inter
4xl · 36pxTop Chrono
3xl · 30pxTop Chrono
2xl · 24pxTop Chrono
xl · 20pxTop Chrono
lg · 18pxTop Chrono
base · 16pxLivraison de courrier express à Cotonou.
sm · 14pxLivraison de courrier express à Cotonou.
xs · 12pxLivraison de courrier express à Cotonou.
Regular 400
Medium 500
Semibold 600
Bold 700
Espacement — rythme 4 / 8
Ombres
shadow-sm
shadow-md
shadow-lg
Composants — Boutons
Primaire plein (crimson) · secondaire en contour neutre · destructif en contour + icône — jamais deux rouges pleins côte à côte.
Composants — Badges & Alertes
Express
Livré
En attente
Échec
Information
Le colis a bien été livré.
La livraison est en attente de prise en charge.
Échec de la livraison — adresse introuvable.
Un nouveau coursier a été assigné à cette tournée.
Composants — Formulaire & Carte
Tournée du jour
12 colis · zone Cotonou-Est
| Colis | Destinataire | Statut |
| #TC-1042 | K. Adjovi | Livré |
| #TC-1043 | S. Hounkpe | En attente |
| #TC-1044 | M. Dossou | Échec |
Composants — Navigation (coque)
Colis
SF
‹
1
2
3
›
Sidebar foncée, navbar neutre, pagination — le crimson ne marque que l'élément actif (item « Colis », page « 2 »). Trois niveaux de boutons : primaire · secondaire neutre · tonal.
Composants — Champs de formulaire (états)
Composants — Tableau
Ligne sélectionnée (crimson subtle), en-tête trié (icône crimson), survol, badges de statut, boutons d'action — tout dérive des tokens.
Composants — Carte
Mme Ahyité — compte commercial actif depuis 2023. Zone : Cotonou-Est.
Trois zones : en-tête (titre + action), corps, pied (actions). Bordure et rayon issus des tokens.
Composants — Dropdown (menu d'action)
Voir la fiche
Modifier
Dupliquer
Menu d'action (à ne pas confondre avec un select). Item courant en crimson subtle, item destructif en danger. Affiché ouvert pour la démo.
Composants — Modale (confirmation destructive)
Cette action est irréversible. Toutes les données associées seront perdues.
Rayon xl, ombre lg. Au moment de confirmer, le rouge plein danger est légitime (aucun primaire ne lui fait concurrence) — et il porte son icône.