Système de design
Palette de Base · Couleurs de Contenu
Aucune couleur n'est décorative : chaque teinte appartient à un registre unique (structure, signal, données) et n'encode qu'une échelle close déclarée dans le référentiel strict (intensité, énergie des chants, attributs, identités, modération).
Base UI Tokens (Chrome · Surfaces)
Content Colours (Échelles closes : intensité, attributs, identités)
Échelles de Données (Sens des Teintes)
Intensité physique d'une brique : la teinte code le cran (Assis = neutre), jamais un thème ni une catégorie.
Énergie d'un chant : jauge à 3 points sur la même rampe (sky, amber, rose).
Hiérarchie Typographique
Trois familles complémentaires : Inter gère l'interface et le corps de texte, Newsreader apporte une touche éditoriale aux citations · titres littéraires, et Gochi Hand signe de manière manuscrite les légendes des polaroids et notes de camp.
Échelle d'Espacement (4px Grid)
Grille stricte basée sur des multiples de 4px pour garantir un rythme vertical et horizontal harmonieux.
Rayons de Courbure Sémantiques
Les formes douces apportent de la chaleur sans compromettre la rigueur géométrique.
Motion System · Transitions Spatiales
Axiome : « On anime une transition d'état spatial (ouvert/fermé, apparu/disparu), jamais un clic trivial. » Uniquement transform et opacity (GPU, sans recalcul de layout). Respect strict de prefers-reduced-motion.