Sistemas de design
255 paletas, cada uma transformada em papéis. Escolha uma e o kit inteiro muda junto.
Cotton Violet
Claro
- Texto sobre o fundo
- 18.7:1
- Destaque sobre o fundo
- 4.9:1
Ao vivo. Todo controle responde.
Papéis
Base#FAFFFF
Superfície#F2F7F7
Elevado#E7ECEC
Rebaixado#EDF2F2
Fio#E0E5E5
Tinta#0C1212
Discreto#5F6666
Tênue#8A9393
Destaque#4E5DF6
Sobre o destaque#FFFFFF
Sobre a tinta#FAFFFF
Cores de dados
#5465FF
#788BFF
#768AD5
#7A90B5
Tokens
O bloco de cores que cada componente do kit carrega, preenchido para 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',
}