Framer: Create a professional website, free. No code website builder loved by designers.

https://framer.com/ 4348 elements 4/26/2026
21
Colors
9
Font Families
14
Spacing Values
18
Shadows
12
Border Radii
5
Components
61%
A11y Score

Color Palette

Brand Colors

#0000ee
Primary
3172 uses
#0099ff
Secondary
59 uses
#0099ff
Accent
59 uses

Neutrals

#000000
4581 uses
#ffffff
1064 uses
#999999
61 uses
#242424
35 uses
#cccccc
24 uses
#888888
20 uses
#666666
17 uses
#121212
8 uses
#2e2e2e
1 uses

Full Palette

#000000
text, border, background
4581 uses
#0000ee
text, border
3172 uses
#ffffff
text, border, background
1064 uses
#999999
background, text, border
61 uses
#0099ff
text, border, background
59 uses
#00bb88
background, text, border
42 uses
#242424
background, text, border
35 uses
#cccccc
text, border
24 uses
#888888
text, border, background
20 uses
#666666
background, text, border
17 uses
#121212
background
8 uses
#0055ff
background
1 uses
#35e2eb
background
1 uses
#fd5d5c
background
1 uses
#fac80a
background
1 uses
#33c659
background
1 uses
#0084ff
background
1 uses
#3a92fd
background
1 uses
#9869fd
background
1 uses
#33aaff
background
1 uses

Gradients

Typography

Font Families

sans-serif (all, 3722x)Inter Variable (all, 341x)Inter (all, 183x)Times New Roman (body, 56x)GT Walsheim Medium (all, 26x)Mona Sans (all, 11x)mona sans (body, 4x)Open Runde (body, 3x)GT Walsheim Framer Medium (headings, 2x)

Type Scale

110px The quick brown fox 500 / 93.5px
85px The quick brown fox 500 / 80.75px
62px The quick brown fox 500 / 62px
61.5px The quick brown fox 100 / 61.5px
32px The quick brown fox 500 / 36px
24px The quick brown fox 400 / 31.2px
22px The quick brown fox 700 / 26.4px
20px The quick brown fox 600 / 24px
18px The quick brown fox 400 / 23.4px
17px The quick brown fox 500 / 22.1px
16px The quick brown fox 400 / normal
15px The quick brown fox 400 / 15px

Spacing Scale (base: 2px)

1px
20px
25px
30px
35px
38px
45px
50px
60px
64px
80px
100px
120px
160px

Box Shadows

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

Border Radii

1px
xs
4px
sm
8px
md
12px
lg
15px
lg
18px
xl
21px
xl
30px
full
40px
full
50px
full
100px
full
200px
full

Accessibility

61%
WCAG Contrast Score
231 passing / 145 failing color pairs

Color Pair Analysis

Sample
#0000ee on #000000
2.23:1
FAIL
85x
Sample
#000000 on #242424
1.35:1
FAIL
27x
Sample
#000000 on #080808
1.05:1
FAIL
14x
Sample
#000000 on #666666
3.66:1
FAIL
5x
Sample
#000000 on #171717
1.17:1
FAIL
3x
Sample
#000000 on #1a1a1a
1.21:1
FAIL
2x
Sample
#000000 on #212121
1.3:1
FAIL
2x
Sample
#000000 on #121212
1.12:1
FAIL
1x
Sample
#000000 on #0055ff
3.74:1
FAIL
1x
Sample
#000000 on #141414
1.14:1
FAIL
1x
Sample
#000000 on #111111
1.11:1
FAIL
1x
Sample
#000000 on #1c1c1c
1.23:1
FAIL
1x
Sample
#000000 on #2e2e2e
1.55:1
FAIL
1x
Sample
#000000 on #2b2b2b
1.48:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
116x
Sample
#0000ee on #ffffff
9.4:1
AAA
54x
Sample
#000000 on #0099ff
7:1
AAA
35x
Sample
#000000 on #00bb88
8.46:1
AAA
14x
Sample
#000000 on #888888
5.92:1
AA
2x
Sample
#000000 on #35e2eb
13.23:1
AAA
1x