Design system

Tokens

Spacing.

Tailwind v4 base (--spacing: 4px). p-N • gap-N • m-N resolve to N × 4px. No bespoke --space-* tokens; the brand anchors below are just the steps that matter most.

Brand anchors

anchors

Cinq paliers qui pèsent dans le layout : gutters mobile/desktop, padding cartes, touch target min, gap entre sections

Tailwind Pixels Bar Used for
p-416 px
Mobile gutter • card padding
p-624 px
Section row inner padding
p-832 px
Desktop gutter • between feature columns
p-1144 px
Minimum touch target
p-1456 px
Section gap (top/bottom of a section group)