Vercel: Build and deploy the best web experiences with the AI Cloud

https://vercel.com/ 2882 elements 4/29/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

93%

A11y Score

Color Palette

Brand Colors

#52aeff

Primary

6 uses

#bd2864

Secondary

6 uses

#52aeff

Accent

6 uses

Neutrals

#171717

4165 uses

#4d4d4d

1069 uses

#ffffff

139 uses

#666666

137 uses

#7d7d7d

112 uses

#000000

89 uses

#ebebeb

42 uses

#a8a8a8

20 uses

#8f8f8f

13 uses

Full Palette

#171717

text, border, background

4165 uses

#4d4d4d

text, border

1069 uses

#ffffff

background, text, border

139 uses

#666666

text, border, background

137 uses

#7d7d7d

text, border

112 uses

#000000

border, text

89 uses

#ebebeb

border, background

42 uses

#a8a8a8

border, text

20 uses

#8f8f8f

background, text

13 uses

#52aeff

background, text, border

6 uses

#bd2864

text, border

6 uses

#e5484d

background, text, border

5 uses

#45dec5

background, text, border

5 uses

#ffb224

text, border

4 uses

#297a3a

text, border

4 uses

#ebf5ff

background

3 uses

#7820bc

text, border, background

3 uses

#0068d6

text, border, background

3 uses

#0072f5

text, border

2 uses

#cce6ff

background

1 uses

Gradients

Typography

Font Families

Geist (all, 2815x)Geist Mono (all, 66x)monospace (all, 1x)

Type Scale

48px The quick brown fox 600 / 48px

40px The quick brown fox 600 / 48px

32px The quick brown fox 400 / 48px

24px The quick brown fox 600 / 32px

20px The quick brown fox 400 / 36px

18px The quick brown fox 400 / 28px

16px The quick brown fox 400 / normal

14px The quick brown fox 400 / 14px

13.3333px The quick brown fox 400 / normal

13px The quick brown fox 500 / 20px

12px The quick brown fox 400 / 16px

9.5px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px

24px

32px

36px

40px

44px

48px

64px

85px

90px

96px

135px

164px

Box Shadows

xs (inset)

Border Radii

2px

5px

8px

12px

16px

32px

full

50px

full

64px

full

99px

full

9999px

full

Accessibility

WCAG Contrast Score

97 passing / 7 failing color pairs

Vercel: Build and deploy the best web experiences with the AI Cloud

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis