Couleurs
Les rampes du kit. Chaque rôle décline cinq niveaux, du plus discret au plus contrasté, et les composants ne piochent jamais ailleurs.
primary
subtle#f0f3f4
light#b0c0c8
base#00334d
strong#002437
contrast#001520
accent
subtle#e7fcfc
light#90f3ef
base#0aeadc
strong#09a39c
contrast#03302e
secondary
light#fae8ed
base#cc1c49
strong#911534
contrast#560c1f
success
light#edf8ea
base#49bc29
strong#286717
contrast#0f2608
danger
subtle#fdebea
light#ed3231
base#d82e2d
strong#821c1b
contrast#260808
warning
light#fef5e6
base#f29e02
strong#855701
contrast#281a00
info
light#ecf0fd
base#6a85ee
strong#263881
contrast#0e152f
Rampes sémantiques
Sept rôles, cinq niveaux chacun. Un composant choisit un rôle, pas une couleur : c'est ce qui permet au mode sombre de fonctionner sans variante.
neutral-00#ffffff
neutral-05#fafafa
neutral-10#f5f5f5
neutral-20#eeeeee
neutral-30#e0e0e0
neutral-40#bdbdbd
neutral-60#6b6b6b
neutral-80#424242
neutral-90#212121
neutral-100#000000
Échelle de gris
Elle porte les fonds, les bordures et les textes secondaires. Les deux extrémités, 00 et 100, sont constantes dans les deux modes.