Design system

Tokens

Colors.

Five families. Olive and pearl do 90% of the work; butter, rose, sky are accents. Rose is terracotta, never pink.

Surfaces

surfaces

Quatre fonds : page, surface (cartes), surface-2 (creux), inverse (pearl-900)

bg-page
bg-surface
bg-surface-2
bg-inverse

Foreground

foreground

Encre principale + variants : ink (titres), body, muted (méta), accent (olive), warm (terracotta)

fg-1 • ink
fg-2 • body
fg-3 • muted
fg-accent • olive
fg-warm • terracotta

Status

status

Quatre tons sémantiques : success (olive), warning (butter-700), error (rose), info (sky)

success • olive
warning • butter-700
error • rose
info • sky

olive

olive

Couleur principale, porte 90% de la marque. Olive-500 pour les CTA primary, olive-100 pour les surfaces tintées

50
100
200
300
400
500
600
700
800
900
950

pearl

pearl

Neutre warm-tinted. Support du olive : encre (pearl-900), fonds, lignes (line-1/2). Jamais bleuté

50
100
200
300
400
500
600
700
800
900
950

butter

butter

Accent jaune doux. Callouts d'attestation, CTA conditionnels (Sur devis), state mark public

50
100
200
300
400
500
600
700
800
900
950

rose

rose

Terracotta, jamais pink. Awards éditoriaux, errors (status-error), urgences

50
100
200
300
400
500
600
700
800
900
950

sky

sky

Bleu doux. Info (status-info), accents Phase 2 fournisseurs / lieux

50
100
200
300
400
500
600
700
800
900
950