Formes et matières

Rayons

Token	Application	Landing	Usage
--radius-sm	6px	4px	Pastilles, cases, petits éléments
--radius-md	10px	8px	Boutons, champs
--radius-lg	14px	10px	Cartes
--radius-xl	20px	14px	Panneaux, feuilles mobiles
--radius-full	9999px	—	Badges, avatars, interrupteurs

La landing pousse plus loin l’arrondi sur ses grandes surfaces (jusqu’à 1,5 rem pour le bandeau cookies, boutons en pilule).

Espacements (application)

Une échelle de 4 px : chaque espacement est un multiple de 4.

Token	Valeur	Aperçu
--space-1	4px
--space-2	8px
--space-3	12px
--space-4	16px
--space-5	20px
--space-6	24px
--space-8	32px
--space-10	40px
--space-12	48px

Les hauteurs de contrôle (--control-h) varient avec la densité choisie par l’utilisateur : 34, 40 ou 44 px (28 à 36 px pour les petits boutons).

Ombres (application)

Token	Clair	Sombre	Usage
--shadow-card	0 1px 2px #1a1a180a, 0 1px 1px #1a1a1805	0 1px 2px #0000004d	Cartes : à peine visible, la bordure fait le travail
--shadow-pop	0 12px 32px -8px #1a1a182e, 0 2px 6px #1a1a180f	0 16px 40px -8px #0000008c, 0 2px 8px #0000004d	Menus, fenêtres, éléments qui flottent

L’application est plate : bordures fines (--color-border), ombres minimes. Le relief est réservé à ce qui flotte au-dessus du contenu.

Le néomorphisme de la landing

La landing a une matière à elle : des surfaces en relief doux, comme moulées dans le fond, et un grain léger sur toute la page.

Bureau

Surfaces néomorphiques : les blocs semblent sortir du fond

Élément	Principe
neu-surface	Le fond de section, crème grainé
neu-raised	Un bloc en relief : ombre claire en haut à gauche, ombre foncée en bas à droite
neu-btn	Un bouton en relief, qui s’enfonce au clic (courbe --neu-ease)
Ombres	--neu-shadow-light #fffffff2 et --neu-shadow-dark #b0a89799 (sombre : #0000008c)

Contraste

Le néomorphisme repose sur des ombres, pas sur des contours : un bouton néomorphique doit toujours porter un libellé lisible (DM Mono, encre sur crème) et un état de focus visible. Ne l’utilisez pas dans l’application, où la lisibilité des données prime.