Aller au contenu
Foulée

Design system

Foulée

Un seul fichier CSS (theme.css) et un seul fichier JS (theme.js), sans dépendance ni build. Parité fonctionnelle avec les composants et contrôles du Système de Design de l'État, adaptée à la charte Foulée — nature et trail pour les couleurs, vert terminal pour l'énergie.


Tokens

Toutes les valeurs viennent des variables --j6n-* — aucune valeur codée en dur dans les composants.

Couleurs

Typographie

Sora — texte courant
IBM Plex Mono — valeurs, code

Cadence


Règles

À faire

Passer par les variables --j6n-*, un seul accent par écran, cibles tactiles 44 px minimum, mono pour les valeurs mesurées et le code.

À éviter

Dégradés de fond et ombres floues, mono pour du texte courant, px hors de l'échelle de cadence.