David Protein

https://davidprotein.com/ 5000 elements 4/29/2026
21
Colors
7
Font Families
14
Spacing Values
5
Shadows
7
Border Radii
11
Components
93%
A11y Score

Color Palette

Brand Colors

#6d7588
Primary
120 uses
#7e4d1f
Secondary
44 uses
#a26632
Accent
30 uses

Neutrals

#000000
7250 uses
#ffffff
2362 uses
#6e6e6e
146 uses
#dcdcdc
102 uses
#161616
83 uses
#2c2c2c
46 uses
#ededed
32 uses
#c6c4c4
6 uses
#a5a7a8
6 uses
#909090
3 uses

Full Palette

#000000
text, border, background
7250 uses
#ffffff
text, border, background
2362 uses
#6e6e6e
text, border, background
146 uses
#6d7588
text, border
120 uses
#dcdcdc
text, border, background
102 uses
#161616
background, border
83 uses
#2c2c2c
text, border, background
46 uses
#7e4d1f
text, border
44 uses
#ededed
background
32 uses
#a26632
background
30 uses
#b59f4a
background
14 uses
#0042e4
text, border
14 uses
#c6c4c4
text, border
6 uses
#a5a7a8
text, border
6 uses
#f7f5f5
background
3 uses
#909090
border, text
3 uses
#484444
text, border
2 uses
#b58745
border
2 uses
#d66824
border
2 uses
#202020
background
1 uses

Gradients

Typography

Font Families

ui-sans-serif (body, 4114x)Suisse International (body, 514x)ABC Monument Grotesk Mono (body, 190x)Suisse Intl (all, 128x)Instrument Serif (all, 27x)Nunito Sans (body, 22x)Times New Roman (body, 5x)

Type Scale

80px The quick brown fox 400 / 76.8px
48.8888px The quick brown fox 400 / 53.7777px
45px The quick brown fox 400 / 47.25px
44.4444px The quick brown fox 400 / 48.8889px
40px The quick brown fox 400 / 42px
35.5556px The quick brown fox 400 / 37.3334px
32px The quick brown fox 400 / 48px
31.1112px The quick brown fox 400 / 32.6667px
30px The quick brown fox 400 / 45px
26px The quick brown fox 500 / 35.1px
24px The quick brown fox 400 / 36px
22.2222px The quick brown fox 400 / 30px

Spacing Scale

2px
27px
35px
40px
45px
48px
62px
71px
75px
83px
91px
98px
135px
150px

Box Shadows

sm
sm (inset)
sm
sm
lg

Border Radii

2px
xs
5px
sm
8px
md
30px
full
41px
full
100px
full
1000px
full

Accessibility

93%
WCAG Contrast Score
236 passing / 19 failing color pairs

Color Pair Analysis

Sample
#000000 on #a26632
4.48:1
FAIL
9x
Sample
#ffffff on #dcdcdc
1.37:1
FAIL
3x
Sample
#ffffff on #b59f4a
2.62:1
FAIL
3x
Sample
#000000 on #161616
1.16:1
FAIL
2x
Sample
#6e6e6e on #161616
3.55:1
FAIL
1x
Sample
#484444 on #202020
1.7:1
FAIL
1x
Sample
#ffffff on #161616
18.1:1
AAA
73x
Sample
#000000 on #ffffff
21:1
AAA
51x
Sample
#000000 on #ededed
17.94:1
AAA
26x
Sample
#ffffff on #000000
21:1
AAA
22x
Sample
#ffffff on #a26632
4.68:1
AA
21x
Sample
#ffffff on #6e6e6e
5.1:1
AA
12x
Sample
#000000 on #b59f4a
8.02:1
AAA
11x
Sample
#000000 on #f4f4f4
19.09:1
AAA
6x
Sample
#dcdcdc on #000000
15.31:1
AAA
4x
Sample
#000000 on #dfdcd5
15.34:1
AAA
4x
Sample
#000000 on #f7f5f5
19.33:1
AAA
3x
Sample
#ffffff on #333333
12.63:1
AAA
2x
Sample
#000000 on #dcdcdc
15.31:1
AAA
1x