Surface 1
Site vitrine
Hero · piliers · tarifs · footer
Marketing
Ouvrir →
Surface 2
Portail client
Dashboard analytics · sheet drawer mobile
Portail
Ouvrir →
Surface 3
Espace admin
MRR · clients · table responsive
Admin
Ouvrir →
Design system appliqué
Stone (warm neutres)
50100200300400500600700800900950
Amber (accent signature)
50100200300400500600700800
Typographie
Display Fraunces
Heading Inter
Body 16 px, line-height ample
UI 14 px, le défaut du portail
Caption 12 px
Label 11 px
Composants clés refondus
- Button avec touch ≥ 44 px, loading, focus ring stratifié
- Avatar à aplat (variante Corelia ambre, variante client neutre)
- Sheet drawer mobile pour la navigation portail/admin
- Tables responsives en cards stack sous md
- Sidebar/topbar opaques (pas de glass), navbar pill marketing conservée