NOZOMI DOJO
Design system
Color — 70/20/10 rule
70%
20%
10%
Base — 70%
Backgrounds & whitespace
var(--color-base) #ffffff
Secondary — 20%
Supporting text & borders
var(--color-secondary) #6c757d
Accent — 10%
Headings, CTAs, highlights
var(--color-primary) #101049
Typography
Default sans-serif
Heading 1
Heading 2
Heading 3
Body text — the quick brown fox jumps over the lazy dog.