Designsysteme
255 Paletten, jede in Rollen übersetzt. Wähle eine, und das ganze Kit ändert sich mit.
Cotton Violet
Hell
- Text auf Grund
- 18.7:1
- Akzent auf Grund
- 4.9:1
Läuft live. Jedes Element darin reagiert.
Rollen
Grund#FAFFFF
Fläche#F2F7F7
Erhöht#E7ECEC
Vertieft#EDF2F2
Haarlinie#E0E5E5
Tinte#0C1212
Gedämpft#5F6666
Blass#8A9393
Akzent#4E5DF6
Auf Akzent#FFFFFF
Auf Tinte#FAFFFF
Datenfarben
#5465FF
#788BFF
#768AD5
#7A90B5
Tokens
Der Farbblock, den jede Komponente im Kit mitbringt, ausgefüllt für 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',
}