Framer: AI website builder for professional sites

https://framer.com 3672 elements 6/25/2026
23
Colors
10
Font Families
14
Spacing Values
18
Shadows
11
Border Radii
6
Components
100%
A11y Score

Color Palette

Brand Colors

#0066ff
Primary
1 uses
#0000ee
Secondary
746 uses
#0099ff
Accent
56 uses

Neutrals

#000000
5598 uses
#ffffff
622 uses
#999999
370 uses
#242424
75 uses
#666666
54 uses
#111111
30 uses
#cccccc
24 uses
#303030
11 uses
#878787
3 uses
#444444
2 uses

Full Palette

#000000
text, border, background
5598 uses
#0000ee
text, border
746 uses
#ffffff
text, border, background
622 uses
#999999
text, border, background
370 uses
#242424
background, text, border
75 uses
#0099ff
background, border, text
56 uses
#666666
background, text, border
54 uses
#111111
background
30 uses
#00bb88
background, text, border
30 uses
#cccccc
text, border
24 uses
#303030
background
11 uses
#d67a5c
text, border
10 uses
#9869fd
background, text, border
5 uses
#4cd963
background, text, border
4 uses
#878787
background
3 uses
#444444
text, border
2 uses
#8856ff
text, border
2 uses
#3a92fd
background
2 uses
#ff0022
background
1 uses
#ffbb00
background
1 uses

Gradients

Typography

Font Families

Inter (all, 304x)Inter Variable (all, 169x)Times (body, 61x)Input Mono Regular (body, 32x)GT Walsheim Medium (all, 10x)Input Mono Bold (body, 8x)Inter Medium (body, 4x)JetBrains Mono (body, 1x)Inter Framer Regular (body, 1x)Inter Framer SemiBold (body, 1x)

Type Scale

68px The quick brown fox 500 / 68px
54px The quick brown fox 500 / 54px
44px The quick brown fox 500 / 48.4px
20px The quick brown fox 400 / 24px
18px The quick brown fox 400 / 23.4px
17px The quick brown fox 400 / 20.4px
16px The quick brown fox 400 / normal
15px The quick brown fox 400 / 19.5px
14px The quick brown fox 400 / 14px
13px The quick brown fox 500 / 20.8px
12px The quick brown fox 400 / normal
10px The quick brown fox 500 / 14px

Spacing Scale (base: 5px)

1px
20px
25px
30px
40px
45px
50px
55px
60px
64px
100px
120px
160px
200px

Box Shadows

sm
sm
xs
xs
sm
sm
md
md
lg (inset)
lg (inset)
lg
xl
xl
xl
xl
xl
xl
xl

Border Radii

1px
xs
4px
sm
7px
md
10px
md
14px
lg
18px
xl
21px
xl
25px
full
30px
full
50px
full
100px
full

Accessibility

100%
WCAG Contrast Score
0 passing / 0 failing color pairs

Color Pair Analysis