Charte graphique « Sève »
Le design system du site et de l'application, inspiré par nos valeurs : modernité et simplicité.
1. Couleur de marque — émeraude
primary-50
#ECF7F2
primary-100
#D0ECE1
primary-300
#6FC6A4
primary-500
#0B7A5B
primary-600
#0A6A4F
primary-700
#085440
2. Neutres & surfaces
app
#F6F8F7
surface
#FFFFFF
surface-hover
#F1F4F2
ink
#10221B
line
#E4E9E6
content
#14211C
3. Typographie — Sora + Inter
Display XL · Sora 600
Titre de section · Sora 600
Sous-section · Sora 500
Corps · Inter 400 — texte courant, formulaires, tableaux. La graisse Inter 500sert à l'emphase.
Label / légende · Inter 500
4. Boutons
5. Couleurs sémantiques
success
Bandeau success
warning
Bandeau warning
danger
Bandeau danger
info
Bandeau info
6. Statuts de transport
Règle d'accessibilité : toujours point coloré + texte. Jamais la couleur seule.
ΠροσχέδιοΑνατέθηκεΣε εξέλιξηΒιβλίοΑκυρώθηκε
7. Rayons
sm · 6px
md · 8px
lg · 12px
pill · 999px