Tasarım sistemleri
255 palet, her biri rollere dönüştürüldü. Birini seçin, tüm kit onunla birlikte değişsin.
Cotton Violet
Açık
- Zemin üzerinde metin
- 18.7:1
- Zemin üzerinde vurgu
- 4.9:1
Canlı çalışıyor. İçindeki her kontrol tepki verir.
Roller
Zemin#FAFFFF
Yüzey#F2F7F7
Yükseltilmiş#E7ECEC
Çukur#EDF2F2
İnce çizgi#E0E5E5
Mürekkep#0C1212
Solgun#5F6666
Silik#8A9393
Vurgu#4E5DF6
Vurgu üstü#FFFFFF
Mürekkep üstü#FAFFFF
Veri renkleri
#5465FF
#788BFF
#768AD5
#7A90B5
Token'lar
Kitteki her bileşenin taşıdığı renk bloğu, Cotton Violet için doldurulmuş hali.
const t = {
bg: '#FAFFFF',
surface: '#F2F7F7',
raised: '#E7ECEC',
sunken: '#EDF2F2',
line: '#E0E5E5',
ink: '#0C1212',
muted: '#5F6666',
faint: '#8A9393',
accent: '#4E5DF6',
onAccent: '#FFFFFF',
onInk: '#FAFFFF',
}