Дизайн-системы
255 палитр, каждая разложена на роли. Выберите одну, и весь набор изменится вместе с ней.
Cotton Violet
Светлая
- Текст на фоне
- 18.7:1
- Акцент на фоне
- 4.9:1
Работает вживую. Каждый элемент откликается.
Роли
Основа#FAFFFF
Поверхность#F2F7F7
Приподнятое#E7ECEC
Утопленное#EDF2F2
Линия#E0E5E5
Текст#0C1212
Приглушённый#5F6666
Бледный#8A9393
Акцент#4E5DF6
На акценте#FFFFFF
На тексте#FAFFFF
Цвета данных
#5465FF
#788BFF
#768AD5
#7A90B5
Токены
Блок цветов, который несёт каждый компонент набора, заполненный для 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',
}