Social & Media

The Verge

theverge.com11 colors5 componentspolySansMulti-page · 12 screens

The Verge is about technology and how it makes us feel. Founded in 2011, we offer our audience everything from breaking news to reviews to award-winning features and investigations, on our site, in video, and in podcasts.

Remix Visit

Remix

Visit

12 screenshots captured· theverge.com

1 / 12 · The Verge · 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 theverge.com

Primary

#5200FF

Primary CTA, brand accent, active state

#3CFFD0

Secondary accent / hero band

#D6F31F

Accent / decorative

Neutral

#131313

Default page background

#FFFFFF

Alternating section band; Headings / primary text; label colour on brand surfaces

#E9E9E9

Body copy

#949494

Captions, secondary text

#636363

Tertiary / placeholder text

#313131

1px borders and dividers

#000000

Neutral

#4A4A4A

Neutral

Typography · polySans

body16px · 700

caption11px · 400 · 13.2px

body19px · 300 · 22.8px

caption11px · 400 · 14.3px

body16px · 500 · 25.6px

body13px · 400 · 20.8px

button13px · 800 · 13.65px

body14px · 400 · 18.2px

heading34px · 700 · 34px

body15px · 700 · 18px

caption11px · 500 · 13.2px

input16px · 400 · 16px

h214px · 700 · 18.2px

body24px · 700 · 24px

heading12px · 500 · 13.2px

button16px · 500 · 19.2px

h224px · 700 · 26.4px

body20px · 700 · 20px

body18px · 700 · 21.6px

body24px · 300 · 26.4px

body26px · 700 · 28.6px

heading31px · 700 · 40.3px

h144px · 700 · 44px

body11px · 400 · 13.2px

label14px · 400 · 19.6px

body12.8px · 400 · 17.92px

button14px · 400 · 18.2px

h234px · 500 · 37.4px

body14px · 700 · 16.8px

Typography · polySansMono

code11px · 400 · 16.5px

code11px · 500 · 13.2px

link11px · 400 · 13px

caption11px · 400 · 14.3px

code12px · 600 · 24px

code12px · 700 · 12px

h214px · 400 · 15.4px

code11px · 400 · 14.3px

Typography · ui-sans-serif

h416px · 400 · 24px

quote16px · 400 · 20.8px

Typography · fkRomanStandard

body16px · 400 · 20.8px

body16px · 700 · 20.8px

body20px · 400 · 24px

body22px · 400 · 30.8px

body16px · 400 · 20.8px

body24px · 400 · 28.8px

body18px · 400 · 28.8px

Typography · manuka

h1160px · 900 · 160px

display165px · 1000 · 132px

display90px · 900 · 72px

Typography · Roboto

input16px · 400 · 16px

Spacing

12px

16px

40px

20px

8px

32px

4px

24px

Elevation

rgba(255, 255, 255, 0.15) 0px 0px 5px 0px

Components · 5

Remixes of The Verge

Latest remixes

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

Remix it