Web Design Manchester | Web Design Agency | MadeByShape

https://madebyshape.co.uk/ 1706 elements 4/22/2026
7
Colors
3
Font Families
13
Spacing Values
2
Shadows
6
Border Radii
8
Components
97%
A11y Score

Color Palette

Brand Colors

#d0ff71
Primary
46 uses
#d0ff71
Accent
46 uses

Neutrals

#999a9a
1715 uses
#000000
1528 uses
#ffffff
234 uses
#f5f5f5
45 uses
#343535
19 uses
#111111
5 uses

Full Palette

#999a9a
border, text
1715 uses
#000000
text, background
1528 uses
#ffffff
background, text
234 uses
#d0ff71
background
46 uses
#f5f5f5
background
45 uses
#343535
text, border
19 uses
#111111
background
5 uses

Typography

Font Families

Oldschool Grotesk (all, 1622x)ui-sans-serif (all, 80x)Times New Roman (body, 4x)

Type Scale

128px The quick brown fox 400 / 147.2px
89.6px The quick brown fox 400 / 103.04px
72px The quick brown fox 400 / 72px
64px The quick brown fox 400 / 57.6px
48px The quick brown fox 400 / 48px
40px The quick brown fox 400 / 40px
38.4px The quick brown fox 400 / 38.4px
32px The quick brown fox 400 / 48px
27.6px The quick brown fox 400 / 31.74px
18px The quick brown fox 400 / 22.5px
16px The quick brown fox 400 / 24px
14px The quick brown fox 300 / 21px

Spacing Scale (base: 2px)

1px
40px
48px
64px
80px
96px
107px
112px
150px
160px
168px
218px
420px

Box Shadows

sm
sm

Border Radii

2px
xs
6px
md
12px
lg
16px
lg
24px
xl
9999px
full

Accessibility

97%
WCAG Contrast Score
142 passing / 5 failing color pairs

Color Pair Analysis

Sample
#010202 on #111111
1.1:1
FAIL
5x
Sample
#010202 on #d0ff71
18.03:1
AAA
45x
Sample
#010202 on #f5f5f5
19.06:1
AAA
43x
Sample
#010202 on #ffffff
20.77:1
AAA
37x
Sample
#ffffff on #010202
20.77:1
AAA
14x
Sample
#010202 on #eeeeee
17.91:1
AAA
2x
Sample
#000000 on #d0ff71
18.22:1
AAA
1x