IceInsights — Design System
Fondations
Surfaces & thèmes
Deux axes indépendants, imbricables à l’infini. Le cœur du système.
Couleurs
Rampes calées sur la luminance mesurée, pour que les échelons soient comparables.
Typographie
Titres h1–h7, corps L/M/S, caps L/M/S. Deux polices possibles.
Espacements & rayons
Base 4 px. Le nom du token est la valeur en pixels.
Hauteurs & largeurs
Les sept hauteurs de contrôle, puis de 60 à 1200 px.
Popovers
Surface ancrée. Placement, alignement, recouvrement, slots.
Icônes
Lucide, embarqué. Cinq tailles, le trait suit la taille.
Ombres
Neuf valeurs, de l’ombre interne à la plus portée.
Mouvement
Durées et courbes. Le verre se pose, il ne claque pas.
Composants
Boutons7 styles × 4 tailles × 3 formes.
ChampsTexte, select, multiligne, mot de passe, groupe mis en avant.
SélectionRadio et case à cocher — un puits creusé, un galet posé.
Chips & badges5 tailles, 3 styles, 5 teintes — et les badges chauds.
NavigationSidebar, barre d’onglets, contrôle segmenté.
DéfilementBarres de défilement optionnelles, 3 tailles.
ÉtapesRail (desktop) et anneau (mobile) — un composant, deux formes.