3 pages captured

Firsty

DESIGN.md

3 pages

Electric lime punch, heavy Swiss blocks floating on stark optic white

Marquee Herominimalism swiss travel consumer techlight

Palette

Reads as: high-contrast · saturated

SwatchHexOKLCHSuggested roleCopy

Hex#d9f837
OKLCHoklch(92.5% 0.203 119)
RoleDominant
find sites →
Hex#e0f478
OKLCHoklch(92.7% 0.151 117)
RoleSurface
find sites →
Hex#6c8004
OKLCHoklch(56.4% 0.133 120)
RoleInk
find sites →
Hex#9da353
OKLCHoklch(69.3% 0.104 113)
RoleAccent
find sites →
Hex#bebdc1
OKLCHoklch(80.0% 0.006 298)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	avantt	120px	900	0.85	-2.4px	Aa Bb Cc
h2	ppRightSlab	40px	400	1	-0.32px	Aa Bb Cc
h3	avantt	48px	900	0.95	-0.48px	Aa Bb Cc
body	Inter Tight	18px	500	1.5	0.198px	Aa Bb Cc
caption	Inter Tight	14px	500	1.5	0.14px	Aa Bb Cc
button	Inter Tight	16px	500	1	0.16px	Aa Bb Cc

Typefaces: avantt, ppRightSlab, Inter Tight
Stack: Next.js, Vercel, Tailwind
Container: 1440px max

Download .md View raw ↗

Firsty - Landing — LandingFirsty

Firsty · Pricing - Pricing — PricingFirsty · Pricing

Firsty · About - About — AboutFirsty · About