1 page captured

Tinker

DESIGN.md

1 page

Bold geometric black on stark white, pops of acid lime, airy

Marquee Herominimalism playful ai creatorlight

Palette

Reads as: high-contrast · saturated

SwatchHexOKLCHSuggested roleCopy

Hex#bdc92d
OKLCHoklch(80.1% 0.168 114)
RoleDominant
find sites →
Hex#ec5a57
OKLCHoklch(65.8% 0.181 25)
RoleSurface
find sites →
Hex#441410
OKLCHoklch(26.9% 0.075 28)
RoleInk
find sites →
Hex#827a69
OKLCHoklch(58.2% 0.027 86)
RoleAccent
find sites →
Hex#c1b8aa
OKLCHoklch(78.6% 0.022 79)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Shopify-Inter	16px	400	1.5	0	Aa Bb Cc
h2	Shopify-Inter	80px	700	1.1	-2.4px	Aa Bb Cc
h3	Shopify-Inter	18px	450	1.56	0	Aa Bb Cc
body	Shopify-Inter	16px	400	1.5	0	Aa Bb Cc
caption	Shopify-Inter	14px	400	1.43	0	Aa Bb Cc
button	Shopify-Inter	15px	600	0.95	-0.6px	Aa Bb Cc

Typefaces: Shopify-Inter
Stack: Tailwind, Cloudflare
Container: 1440px max

Download .md View raw ↗

Tinker - Landing — LandingTinker