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

https://vercel.com/ 2882 elements 4/29/2026
28
Colors
3
Font Families
13
Spacing Values
9
Shadows
10
Border Radii
10
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

sm
sm
sm
sm
sm
sm
xs (inset)
xs
sm

Border Radii

2px
xs
5px
sm
8px
md
12px
lg
16px
lg
32px
full
50px
full
64px
full
99px
full
9999px
full

Accessibility

93%
WCAG Contrast Score
97 passing / 7 failing color pairs

Color Pair Analysis

Sample
#0072f5 on #ffffff
4.44:1
FAIL
1x
Sample
#0068d6 on #cce6ff
4.13:1
FAIL
1x
Sample
#171717 on #398e4a
4.39:1
FAIL
1x
Sample
#171717 on #7820bc
2.33:1
FAIL
1x
Sample
#171717 on #0062d1
3.13:1
FAIL
1x
Sample
#171717 on #067a6e
3.43:1
FAIL
1x
Sample
#171717 on #666666
3.12:1
FAIL
1x
Sample
#171717 on #ffffff
17.93:1
AAA
35x
Sample
#171717 on #fafafa
17.18:1
AAA
18x
Sample
#4d4d4d on #ffffff
8.45:1
AAA
10x
Sample
#171717 on #ebebeb
15.04:1
AAA
9x
Sample
#ffffff on #171717
17.93:1
AAA
7x
Sample
#171717 on #52aeff
7.56:1
AAA
2x
Sample
#000000 on #ffffff
21:1
AAA
1x
Sample
#171717 on #e5484d
4.58:1
AA
1x
Sample
#171717 on #45dec5
10.68:1
AAA
1x
Sample
#171717 on #8f8f8f
5.54:1
AA
1x
Sample
#171717 on #ebf5ff
16.25:1
AAA
1x
Sample
#171717 on #f2f2f2
16.01:1
AAA
1x
Sample
#4d4d4d on #fafafa
8.1:1
AAA
1x