2 pages captured

Potion

mixpotion.co ↗

DESIGN.md

2 pages

Grainy neon alchemy, bold white serifs floating on deep velvet purple

Marquee Heroplayful vintage dark mode food beverage ecommercedark

Palette

Reads as: saturated · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#d25c25
OKLCHoklch(61.5% 0.163 43)
RoleDominant
find sites →
Hex#cd5f5b
OKLCHoklch(62.0% 0.141 24)
RoleSurface
find sites →
Hex#8ca404
OKLCHoklch(67.6% 0.159 120)
RoleInk
find sites →
Hex#6c4494
OKLCHoklch(47.0% 0.130 305)
RoleAccent
find sites →
Hex#c6b7c7
OKLCHoklch(79.7% 0.028 324)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	GT Alpina Condensed	150px	100	0.86	-3px	Aa Bb Cc
h2	Neue Montreal	16px	400	1.3	0.6px	Aa Bb Cc
h3	Neue Montreal	20px	400	1.15	0.4px	Aa Bb Cc
body	Neue Montreal	16px	400	1.5	0	Aa Bb Cc
caption	Neue Montreal	13px	400	1.5	0.4px	Aa Bb Cc
button	GT Alpina	16px	400	1.2	-0.5px	Aa Bb Cc

Typefaces: GT Alpina Condensed, Neue Montreal
Stack: Shopify, Tailwind
Container: 1440px max

Download .md View raw ↗

Potion - Landing — LandingPotion

Potion · The Starter Kit - Landing — LandingPotion · The Starter Kit