Internal · Design System
Design System
Reference page for atomic components, tokens, and primitives. Not linked from the public navigation. Aligned with products/cahier_des_charges.md §4.
1. Color tokens
--color-bg
#FFFFFF
--color-surface
#F7F8FB
--color-elevated
#EFF2F7
--color-text
#0A0F1C
--color-muted
#525B6F
--color-dim
#8B93A7
--color-accent
#1D4ED8
--color-accent-2
#2563EB
2. Typography
Display hero — Plus Jakarta Sans
Section heading 36px
Subsection 24px
Body Inter 16px — Lorem ipsum dolor sit amet, consectetur adipiscing elit. High legibility for technical descriptions across multilingual content.
Caption / dim 14px
3. Buttons
4. Badges
DefaultAI augmentedDeliveredIn reviewBlocked
5. Cards
Static card
Default surface, subtle border, no interaction.
Interactive card
Hover to see scale + cyan border on accent.
Featured
With badge
Composition example.
6. Form fields
7. Stepper
- Engagement
- 2Profil
- 3Périmètre
- 4Coordonnées
CTA block
Ready to architect what matters?
The Connect intake takes under two minutes. We come back with a brief, a team and a timeline.