FondationsFoundations

Les fondations définissent les décisions visuelles de base du système : couleur, espacement, typographie et iconographie. Elles servent de socle à tous les composants et tokens sémantiques. Foundations define the system's core visual decisions: color, spacing, typography and iconography. They form the base for all components and semantic tokens.

CatalogueCatalog

Échelles Radix 12 niveaux, tokens sémantiques, modes clair et sombre, contrastes WCAG. Radix 12-step scales, semantic tokens, light and dark modes, WCAG contrast.

EspacementSpacing

Grille de 4px, densités compact/default/spacious, tokens de contrôle et de mise en page. 4px grid, compact/default/spacious densities, control and layout tokens.

TypographieTypography

Atkinson Hyperlegible — échelle de taille, poids, interligne, règles d'accessibilité. Atkinson Hyperlegible — size scale, weight, line-height, accessibility rules.

Bibliothèque Lucide — 1 500+ icônes, 3 tailles, règles WCAG 1.1.1 et contrat d'accessibilité. Lucide library — 1,500+ icons, 3 sizes, WCAG 1.1.1 rules and accessibility contract.

Contextes d'utilisationUsage Contexts

Mode Produit vs Mode Marketing — tokens dédiés, règles d'espacement et anti-patterns éditoriaux. Product Mode vs Marketing Mode — dedicated tokens, spacing rules and editorial anti-patterns.