1 page captured

Oatly | the Original Oat Drink Company | Oatly

DESIGN.md

1 page

Soft, earthy pastels and playful sans-serifs float within generous, airy white space.

Bento Gridminimalism editorial playful food beveragelight

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#be9560
OKLCHoklch(69.6% 0.086 73)
RoleDominant
find sites →
Hex#dac29c
OKLCHoklch(82.5% 0.058 79)
RoleSurface
find sites →
Hex#2c415c
OKLCHoklch(37.0% 0.054 255)
RoleInk
find sites →
Hex#5f7c92
OKLCHoklch(57.2% 0.048 241)
RoleAccent
find sites →
Hex#a8becf
OKLCHoklch(79.0% 0.034 241)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Margo Pro Regular	32px	700	1.3	0	Aa Bb Cc
h2	Margo Pro Regular	27px	500	1.2	0	Aa Bb Cc
h3	Margo Pro Regular	15px	600	1.4	0	Aa Bb Cc
body	Margo Pro Regular	16px	400	1.3	0	Aa Bb Cc
button	Margo Pro Regular	15px	400	1.4	0	Aa Bb Cc

Typefaces: Margo Pro Regular
Stack: Next.js
Container: 1440px max

Download .md View raw ↗

Oatly | the Original Oat Drink Company | Oatly - Landing — LandingOatly | the Original Oat Drink Company | Oatly