1 page captured

Heroicons

DESIGN.md

1 page

Cool, crisp geometry—monochrome grid with clean, assertive sans serif.

Palette

Reads as: monochrome · muted

SwatchHexOKLCHSuggested roleCopy

Hex#64bcfc
OKLCHoklch(76.6% 0.125 242)
RoleDominant
find sites →
Hex#024c82
OKLCHoklch(40.8% 0.110 249)
RoleSurface
find sites →
Hex#9c7cf4
OKLCHoklch(67.0% 0.173 293)
RoleInk
find sites →
Hex#747c8c
OKLCHoklch(58.5% 0.026 264)
RoleAccent
find sites →
Hex#aab4c4
OKLCHoklch(76.7% 0.025 260)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Inter var	36px	800	1.11	-0.9px	Aa Bb Cc
h2	Inter var	16px	400	1.5	0	Aa Bb Cc
body	Inter var	16px	400	1.5	0	Aa Bb Cc
caption	Inter var	14px	600	1.71	0	Aa Bb Cc
button	Inter var	12px	600	1.33	0	Aa Bb Cc