1 page captured

Handhold

handhold.io ↗

DESIGN.md

1 page

Soft, cool blue and warm gold gradients flow across ample, airy white space.

Split Studiominimalism editorial swiss saas ailight

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#459afc
OKLCHoklch(68.1% 0.167 254)
RoleDominant
find sites →
Hex#62aafc
OKLCHoklch(72.6% 0.140 253)
RoleSurface
find sites →
Hex#023d82
OKLCHoklch(37.1% 0.129 257)
RoleInk
find sites →
Hex#7c7c7b
OKLCHoklch(58.6% 0.002 106)
RoleAccent
find sites →
Hex#c3ccd5
OKLCHoklch(84.1% 0.016 248)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	bureauSerif	72px	200	1	-2.16px	Aa Bb Cc
h2	bureauSerif	40px	200	1	-1.2px	Aa Bb Cc
h3	bureauSerif	28px	200	1	-0.84px	Aa Bb Cc
body	Inter	16px	400	1.5	0	Aa Bb Cc
caption	Inter	14px	400	1.43	-0.18px	Aa Bb Cc
button	Inter	14px	400	1.43	-0.13px	Aa Bb Cc

Typefaces: bureauSerif, Inter
Stack: Next.js, Tailwind, Cloudflare

Download .md View raw ↗

Handhold - Landing — LandingHandhold