1 page captured

Shelby

DESIGN.md

1 page

Swiss precision, bold chocolate type on cream with electric magenta accents

Marquee Herominimalism swiss cryptolight

Palette

Reads as: saturated · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#f905a3
OKLCHoklch(64.8% 0.268 351)
RoleDominant
find sites →
Hex#fc74cc
OKLCHoklch(74.6% 0.192 343)
RoleSurface
find sites →
Hex#810254
OKLCHoklch(39.9% 0.165 350)
RoleInk
find sites →
Hex#8c8474
OKLCHoklch(61.6% 0.025 85)
RoleAccent
find sites →
Hex#c4bcb4
OKLCHoklch(79.9% 0.014 68)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	GT Planar	88px	700	0.9	-3.52px	Aa Bb Cc
h2	GT Planar	60px	700	0.95	-2.4px	Aa Bb Cc
h3	GT Planar	18px	500	1.2	-0.36px	Aa Bb Cc
body	GT Planar	16px	400	1.5	0	Aa Bb Cc
caption	GT Planar	16px	400	1.4	-0.32px	Aa Bb Cc
button	ABC Repro Mono	11px	500	1.09	0.275px	Aa Bb Cc

Typefaces: GT Planar, ABC Repro Mono
Stack: Astro, Tailwind
Container: 1428px max

Download .md View raw ↗

Shelby - Landing — LandingShelby