4 pages captured

Csswizardry

DESIGN.md

4 pages

Crisp, stark geometry — cool grayscale, assertive sans-serif, expansive digital stillness.

Palette

Reads as: monochrome · muted · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#d805ec
OKLCHoklch(63.2% 0.296 324)
RoleDominant
find sites →
Hex#67046d
OKLCHoklch(36.7% 0.167 325)
RoleSurface
find sites →
Hex#ed68f6
OKLCHoklch(73.1% 0.232 325)
RoleInk
find sites →
Hex#a86d78
OKLCHoklch(60.0% 0.076 7)
RoleAccent
find sites →
Hex#d8d8af
OKLCHoklch(87.2% 0.054 107)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	system-ui	72px	300	1	0	Aa Bb Cc
h2	system-ui	30px	300	1.6	0	Aa Bb Cc
h3	system-ui	12px	300	2	1.2px	Aa Bb Cc
body	system-ui	16px	400	1.5	0	Aa Bb Cc
caption	system-ui	12px	400	2	0	Aa Bb Cc
button	system-ui	12px	700	5.33	0	Aa Bb Cc