Systemy projektowe
255 palet, każda zamieniona w role. Wybierz jedną, a cały zestaw zmieni się razem z nią.
Cotton Violet
Jasny
- Tekst na tle
- 18.7:1
- Akcent na tle
- 4.9:1
Działa na żywo. Każdy element reaguje.
Role
Podłoże#FAFFFF
Powierzchnia#F2F7F7
Uniesione#E7ECEC
Wpuszczone#EDF2F2
Włos#E0E5E5
Tekst#0C1212
Stonowany#5F6666
Ledwie widoczny#8A9393
Akcent#4E5DF6
Na akcencie#FFFFFF
Na tekście#FAFFFF
Kolory danych
#5465FF
#788BFF
#768AD5
#7A90B5
Tokeny
Blok kolorów, który niesie każdy komponent zestawu, wypełniony dla 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',
}