Developer Tools

Vercel

vercel.com20 colors14 componentsGeistSansMulti-page · 12 screens

The autonomous stack for every app and agent.

Remix Visit

Remix

Visit

12 screenshots captured· vercel.com

1 / 12 · Agentic Infrastructure - Vercel · 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 vercel.com

Primary

#0000

#FFF0

#7928CA

#BD5200

#0070F3

#EB367F

#50E3C2

#008D7D

Neutral

#171717

#EBEBEB

#000000

#FFFFFF

#4D4D4D

#FAFAFA

#EDEDED

#8F8F8F

Semantic

#FF9900

Warning

#F59E0B

Warning

#F5A623

Warning

#EE0000

Error/Danger

Typography · GeistSans

h314px · 500 · 20px

h514px · 400 · 20px

link16px · 400 · 24px

h256px · 450 · 56px

h164px · 450 · 64px

h164px · 400 · 64px

h248px · 450 · 56px

body20px · 500 · 26px

h132px · 450 · 40px

h172px · 450 · 83.52px

body20px · 400 · 36px

Typography · Geist Mono

code13px · 400 · 20px

body16px · 400 · 24px

Spacing

8px

16px

4px

12px

24px

32px

40px

20px

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.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.02) 0px 1px 1px 0px, rgba(0, 0, 0, 0.04) 0px 4px 8px 0px, rgb(250, 250, 250) 0px 0px 0px 1px, rgb(255, 255, 255) 0px 0px 0px 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, rgb(235, 235, 235) 0px 0px 0px 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, rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 114, 245) 0px 0px 0px 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.04) 0px 2px 2px 0px, rgba(0, 0, 0, 0.04) 0px 8px 16px -4px

Components · 14

Remixes of Vercel

Latest remixes

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

Remix it