Tokens et composants de référence (V4). Medical-grade premium : la précision de Linear, la confiance de Stripe, la lisibilité de Doctolib. Basculer le thème en haut à droite.
1 · Couleurs
Neutres « Ardoise »
bg--iris-bg
surface--iris-surface
border--iris-border
text--iris-text
text-secondary16,7:1 / 7,4:1
text-muted4,7:1
Accent & sémantiques (contrastes ≥ 4,5:1 vérifiés en CI)
primary « Iris »#3D5AF1
success#12805C
warning#B54708
danger#C0362C
info#175CD3
verified 🔒réservé au badge
2 · Typographie Inter · chiffres tabulaires pour données · jamais de graisse 300
--text-3xl · 36/42 · 7004 218 h pourvues
--text-2xl · 28/34 · 600Titre d'écran
--text-xl · 22/28 · 600Titre de section
--text-base · 15/22 · 400Corps par défaut — 16 px minimum sur mobile.
--text-sm · 13/20 · 400Texte dense de tableaux.
--text-xs · 12/16 · 500MÉTADONNÉES · BADGES
3 · Espacement · Rayons · Ombres · Motion
Échelle 4 px
4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64
Rayons
sm 6 · md 10 · lg 16 · full
Ombres
sm · md · lg (dark : élévation)
Motion : 120 ms (hover) · 200 ms (dropdowns) · 320 ms (modales) — easing unique cubic-bezier(.2,0,0,1). Interdits : rebonds, parallaxe, > 400 ms.
4 · Boutons
1 primaire max par vue · verbe + objet, jamais « OK » · 48 px sur mobile (cible ≥ 44 px) · loading garde le libellé.
5 · Champs
Médiane régionale : 25 % — baromètre Ophtagest
Vérifié automatiquement sous 1 h
IBAN incomplet — vérifiez la saisie
OCT ✕Champ visuel ✕Pédiatrie ✕
6 · Badges de statut vocabulaire unique D4.6 — couleur + point + libellé, jamais couleur seule