Sistem desain
255 palet, masing-masing diubah menjadi peran. Pilih satu dan seluruh kit ikut berubah.
Cotton Violet
Terang
- Teks di atas latar
- 18.7:1
- Aksen di atas latar
- 4.9:1
Berjalan langsung. Setiap kontrol di dalamnya merespons.
Peran
Dasar#FAFFFF
Permukaan#F2F7F7
Terangkat#E7ECEC
Cekung#EDF2F2
Garis rambut#E0E5E5
Tinta#0C1212
Redup#5F6666
Samar#8A9393
Aksen#4E5DF6
Di atas aksen#FFFFFF
Di atas tinta#FAFFFF
Warna data
#5465FF
#788BFF
#768AD5
#7A90B5
Token
Blok warna yang dibawa setiap komponen di kit, diisi untuk 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',
}