E-commerce

Allbirds

allbirds.com5 colors3 componentsGeographMulti-page · 2 screens

Allbirds: The world’s most comfortable shoes, flats, and clothing made with natural materials like merino wool and eucalyptus. FREE shipping & returns.

Remix Visit

Remix

Visit

2 screenshots captured· allbirds.com

1 / 2 · Allbirds: Comfortable, Sustainable Shoes & Apparel · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from allbirds.com

Primary

#212121

Primary CTA, brand accent, active state

Neutral

#ECE9E2

Default page background

#000000

Headings / primary text

#575757

Body copy

#FFFFFF

Captions, secondary text; label colour on brand surfaces

Typography · GeographGoogle Fonts

h124px · 400 · 32px

h324px · 500 · 24px

body14px · 500 · 20px

link12px · 400 · 16px

button12px · 500 · 16px

input16px · 400 · 24px

body14px · 400 · 20px

body14px · 400 · 21px

caption12px · 500 · 15px

button16px · 400 · 24px

body14px · 400 · 20px

body20px · 400 · 28px

caption12px · 400 · 16px

caption12px · 500 · 12px

button12px · 700 · 15px

heading12px · 500 · 16px

Typography · Self ModernGoogle Fonts

h240px · 400 · 60px

Typography · Akkurat MonoGoogle Fonts

code12px · 400 · 16px

code12px · 500 · 20px

code16px · 500 · 24px

Spacing

4px

8px

12px

16px

20px

24px

28px

32px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px

Components · 3

Remixes of Allbirds

Latest remixes

No public remixes yet. Be the first to make one.

Remix it