1 page captured

Nextjs

DESIGN.md

1 page

Cool, spacious code-driven clarity—monospaced type on a stark, neutral grid.

Palette

Reads as: monochrome · muted · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#7f7f7f
OKLCHoklch(59.6% 0.000 90)
RoleDominant
find sites →
Hex#424242
OKLCHoklch(37.9% 0.000 90)
RoleSurface
find sites →
Hex#bcbcbc
OKLCHoklch(79.5% 0.000 90)
RoleInk
find sites →
Hex#767676
OKLCHoklch(56.6% 0.000 90)
RoleAccent
find sites →
Hex#bcbcbc
OKLCHoklch(79.5% 0.000 90)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	GeistSans	72px	600	1	-3.6px	Aa Bb Cc
h2	GeistSans	32px	600	1.25	-1.28px	Aa Bb Cc
h3	GeistSans	16px	400	1.5	-0.16px	Aa Bb Cc
body	GeistSans	16px	400	1.65	0	Aa Bb Cc
button	Inter	14px	400	1.65	0	Aa Bb Cc