Systèmes de design
255 palettes, chacune traduite en rôles. Choisissez-en une et tout le kit change avec elle.
Cotton Violet
Clair
- Texte sur fond
- 18.7:1
- Accent sur fond
- 4.9:1
En direct. Chaque contrôle réagit.
Rôles
Fond#FAFFFF
Surface#F2F7F7
Surélevé#E7ECEC
Creusé#EDF2F2
Filet#E0E5E5
Encre#0C1212
Atténué#5F6666
Ténu#8A9393
Accent#4E5DF6
Sur accent#FFFFFF
Sur encre#FAFFFF
Couleurs de données
#5465FF
#788BFF
#768AD5
#7A90B5
Tokens
Le bloc de couleurs que porte chaque composant du kit, rempli pour Cotton Violet.
const t = {
bg: '#FAFFFF',
surface: '#F2F7F7',
raised: '#E7ECEC',
sunken: '#EDF2F2',
line: '#E0E5E5',
ink: '#0C1212',
muted: '#5F6666',
faint: '#8A9393',
accent: '#4E5DF6',
onAccent: '#FFFFFF',
onInk: '#FAFFFF',
}