UI — Couche atomique
Glassmorphism Ordi
Boutons, pills, toggles, sliders, bulles, chips et cartes translucides. Signature visuelle des interfaces produit (espace client, tableaux de bord pro, app interne) — complément au système Core web/print.
Indigo #1E4091
Blue 300 #6B8BC6
Ordi Green #7FB53C
Green 300 #BFD99A
Glass white 60%
Blur12 à 20px selon la profondeur. Background : rgba(255,255,255,0.55) sur surface claire.
Bordure1px inset rgba(255,255,255,0.5) + ombre douce 0 8px 24px rgba(30,64,145,0.12).
RadiusPills : 999px. Cards : 16–20px. Cohérent avec radii.html.
Règles d'usage
- Interfaces digitales uniquement — jamais sur PLV, affiches ou supports imprimés (se perd à l'impression).
- Fond clair requis — toujours sur surface bleu clair, blanc ou photo neutre. Jamais sur fond vert saturé.
- Hiérarchie couleur : Indigo = actions primaires / Green = succès & validation / Gris translucide = actions secondaires.
- Accessibilité — vérifier contraste texte AA minimum. Le glass seul n'est jamais un repère lisible sans label.