1 page captured

Shopify

DESIGN.md

1 page

Soft lavender gradients and clean sans-serifs create a spacious, joyful, and approachable feel.

Palette

Reads as: pastel · muted · warm

SwatchHexOKLCHSuggested roleCopy

Hex#5252ac
OKLCHoklch(48.6% 0.140 280)
RoleDominant
find sites →
Hex#2c2c5c
OKLCHoklch(32.0% 0.084 281)
RoleSurface
find sites →
Hex#a5a5d4
OKLCHoklch(73.8% 0.068 285)
RoleInk
find sites →
Hex#8a8584
OKLCHoklch(62.1% 0.006 31)
RoleAccent
find sites →
Hex#d0cdd0
OKLCHoklch(85.2% 0.005 326)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	NeueHaasGrotesk	96px	400	1	0	Aa Bb Cc
h2	NeueHaasGrotesk	96px	400	1	2.4px	Aa Bb Cc
h3	NeueHaasGrotesk	55px	330	1.16	0	Aa Bb Cc
body	NeueHaasGrotesk	16px	400	1.5	0	Aa Bb Cc
caption	Inter-Variable	14px	420	1.43	0	Aa Bb Cc
button	Inter-Variable	16px	400	1.5	0	Aa Bb Cc