Style guide Boucle.
Design tokens, typography and base components for the Boucle site.
Colours
--bg
--surface
--surface-2
--ink
--muted
--line
--accent
--accent-ink
--panel
--success
--info
Typography
H1 rentabilisé.
H2 secondes.
H3 Inter 22 px
Lead 19 px. 17 px body text. Short sentences, plain words, active voice.
17 px body text. Short sentences, plain words, active voice.
01 · Eyebrow
Highlight
Buttons
Status chips
DeliveredEn routeInsuredDraftComing soon
Cards
Base card
16 px corners, soft shadow, gray-blue border.
Panel navy.
TODO: Placeholder
Spacing
- 8px
- 16px
- 24px
- 32px
- 48px
- 64px
- 96px
- 128px