← Retour

Charte graphique

Palette de couleurs · Typographie · Tokens de design

Couleurs principales

Source unique : --brand-* dans globals.css

50 — Ultra Light

#DDF5F3

Fonds clairs

400 — Light

#33A79F

Dark mode primary

500 — Primary

#00887E

Couleur principale

600 — Hover

#006B63

Survol

700 — Active

#00524C

Actif / pressé

Échelle complète 50 → 900

50

#DDF5F3

100

#BBEAE7

200

#99DDD9

300

#66CCCA

400

#33A79F

500

#00887E

600

#006B63

700

#00524C

800

#003D38

900

#002924

Couleurs système

🟢 Success

Background

#DCFCE7

bg-green-100

Base

#22C55E

bg-green-500

Hover

#16A34A

bg-green-600

🟡 Warning

Background

#FEF3C7

bg-amber-100

Base

#F59E0B

bg-amber-500

Hover

#D97706

bg-amber-600

🔴 Danger

Background

#FEE2E2

bg-red-100

Base

#EF4444

bg-red-500

Hover

#DC2626

bg-red-600

🔵 Info

Background

#DBEAFE

bg-blue-100

Base

#3B82F6

bg-blue-500

Hover

#2563EB

bg-blue-600

Neutrals — Light mode

Background#F4FAF9
Surface#FFFFFF
Surface Hover#F8FCFB
Border#DCE7E6
Divider#E8F0EF
Texte principal#182222
Texte secondaire#667575
Texte muted#94A3A3

Dark mode

Palette sombre

Background

#081716

Surface

#102220

Border

#1F3A38

Text

#EAF4F3

Muted

#8AA5A2

Dark Background#081716
Dark Surface#102220
Dark Border#1F3A38
Dark Text#EAF4F3
Dark Muted#8AA5A2

Typographie — Nunito

400 · RegularCuisine à indice glycémique maîtrisé.
600 · SemiBoldCommandez vos repas en ligne.
700 · BoldMenus validés par une diététicienne.
800 · ExtraBoldApplication 12.34
900 · Black12.34
← Retour à l'accueil