Recette
Carte plate
Bord fin, radius medium, beaucoup d'air. Le défaut.
Composants
La charte, en interface.
Tout hérite des rôles sémantiques (--bg, --fg, --accent) : chaque famille est montrée deux fois — dans l'ambiance du site et en nocturne forcé —
sans une ligne de code dédiée.
01 · Boutons
Une forme, trois rangs
Un seul primaire vermillon par vue. Focus clavier toujours visible (anneau vermillon), jamais supprimé. Pas d'ombre, pas de dégradé, coins nets.
02 · Cartes
Des surfaces sobres
Au-dessus
Carte surélevée
Une ombre basse et chaude quand l'élément doit flotter.
Recette
Carte plate
Bord fin, radius medium, beaucoup d'air. Le défaut.
Au-dessus
Carte surélevée
Une ombre basse et chaude quand l'élément doit flotter.
Bordure 1 px, radius medium, padding large. Flat par défaut ; raised seulement pour flotter.
03 · Gestes-signature
Ce qui signe la marque
Sous le capot
Eyebrow — carré vermillon + label mono
Filet vermillon — séparateur qui porte
Un titre à accent italique
Le fragment qui porte, en italique vermillon
Filet de séparation neutre
Sous le capot
Eyebrow — carré vermillon + label mono
Filet vermillon — séparateur qui porte
Un titre à accent italique
Le fragment qui porte, en italique vermillon
Filet de séparation neutre
Le filet vermillon et l'eyebrow comptent comme l'accent unique : une catégorie réelle, jamais un ornement.
04 · Champs & liens
Le champ nu, le lien qui porte
Un lien vermillon souligné, qui fonce au survol.
Un lien vermillon souligné, qui fonce au survol.
Fond --bg, bordure 1 px --rule, focus en anneau. Le lien est vermillon, souligné à l'épaisseur du texte.
05 · Formulaires
La saisie, assemblée
Label au-dessus, aide dessous, l'envoi en secondaire : le vermillon appartient aux coches — ou à l'erreur, collée à sa cause. Pas de rôle danger, pas de vert de succès.
06 · Tableaux
La donnée au filet
| Projet | Statut | Mise à jour | Médias | Action |
|---|---|---|---|---|
| Bibliothèque | En ligne | 08.07.2026 | 1 240 | |
| Médiathèque | Brouillon | 02.07.2026 | 356 | |
| Render farm | Archivé | 12.05.2026 | 88 |
| Projet | Statut | Mise à jour | Médias | Action |
|---|---|---|---|---|
| Bibliothèque | En ligne | 08.07.2026 | 1 240 | |
| Médiathèque | Brouillon | 02.07.2026 | 356 | |
| Render farm | Archivé | 12.05.2026 | 88 |
En-tête meta, filets 1 px, pas de zébrage. Numérique à droite en chiffres tabulaires ; l'action fantôme reste visible, rien ne surgit au survol.
07 · Filtres
L'état, pas le décor
L'actif s'inverse franchement (fond --fg, texte --bg) : plusieurs filtres actifs sans disputer le vermillon à la vue.
08 · Notifications
Du fugace à l'ancré
Publication planifiée pour demain, 9 h.
Ce brouillon n'est visible que par toi.
Publication planifiée pour demain, 9 h.
Ce brouillon n'est visible que par toi.
Toast inversé en bas à droite, 5 s, un seul à la fois. La bannière persiste jusqu'à résolution — liseré vermillon si une action est requise.
09 · Badges de statut
Une pastille, un label
En ligne Brouillon En attente Archivé
En ligne Brouillon En attente Archivé
Les neutres reculent en gris ; le vivant porte le vermillon. Jamais plus d'un badge vermillon par ligne.
10 · Navigation applicative
Tenir le cap sans crier
Wordmark serif, sections en mono, l'actif souligné vermillon — l'accent de la vue. Un seul niveau dans le header, un footer qui ferme.
11 · Pagination
La position d'un coup d'œil
Mono ; la page courante en --fg demi-grasse, les flèches fantômes. En butée : opacité 45 %.
12 · États vides
Le vide qui invite
Aucun projet encore.
Crée ton premier projet pour ouvrir le chantier.
Aucun projet encore.
Crée ton premier projet pour ouvrir le chantier.
Un titre qui constate, une phrase qui invite, une seule action — le primaire de la vue. La catégorie reste grise : le vermillon appartient au bouton.
13 · Chargement
Attendre dans la matière
Enregistrement…
Enregistrement…
Pulsation douce (--motion-souffle), pas de shimmer. Le spinner ne porte pas de sens : jamais vermillon. Pas de pourcentages inventés.
14 · Modales
Un voile d'encre
Supprimer ce média ?
L'original et ses variantes sortiront de la galerie. Cette action est définitive.
Supprimer ce média ?
L'original et ses variantes sortiront de la galerie. Cette action est définitive.
Voile encre 40 % dans les deux ambiances, un primaire max au pied, Échap et croix ferment toujours. Une modale à la fois.