Claude

https://claude.com/ 1065 elements 4/25/2026
12
Colors
3
Font Families
8
Spacing Values
3
Shadows
4
Border Radii
7
Components
54%
A11y Score

Color Palette

Brand Colors

#dedcd1
Primary
431 uses
#f8f8f6
Secondary
167 uses
#f0eee6
Accent
1 uses

Neutrals

#121212
652 uses
#1f1f1e
624 uses
#000000
95 uses
#9c9a92
64 uses
#3d3d3a
54 uses
#73726c
46 uses
#c2c0b6
18 uses

Full Palette

#121212
text, border
652 uses
#1f1f1e
border
624 uses
#dedcd1
border
431 uses
#f8f8f6
background, text
167 uses
#000000
text, border, background
95 uses
#9c9a92
text
64 uses
#3d3d3a
text
54 uses
#73726c
text, background
46 uses
#c2c0b6
text
18 uses
#8a2424
text
1 uses
#f0eee6
background
1 uses
#1b67b2
border
1 uses

Typography

Font Families

Anthropic Sans (all, 1053x)Anthropic Serif (headings, 11x)Times New Roman (headings, 1x)

Type Scale

56px The quick brown fox 330 / 67.2px
30px The quick brown fox 400 / 36px
24px The quick brown fox 600 / 32px
18px The quick brown fox 400 / 28px
17px The quick brown fox 400 / 25.5px
16px The quick brown fox 400 / 24px
15px The quick brown fox 400 / 22.5px
14px The quick brown fox 500 / 19.6px
12px The quick brown fox 400 / 16px
11px The quick brown fox 400 / 16.5px

Spacing Scale (base: 2px)

1px
40px
48px
56px
80px
91px
192px
256px

Box Shadows

sm
sm
sm

Border Radii

8px
md
16px
lg
24px
xl
32px
full

Accessibility

54%
WCAG Contrast Score
13 passing / 11 failing color pairs

Color Pair Analysis

Sample
#141413 on #73726c
3.82:1
FAIL
10x
Sample
#141413 on #000000
1.14:1
FAIL
1x
Sample
#141413 on #ffffff
18.43:1
AAA
6x
Sample
#141413 on #faf9f5
17.5:1
AAA
4x
Sample
#121212 on #f8f8f6
17.62:1
AAA
1x
Sample
#141413 on #f5f4ed
16.72:1
AAA
1x
Sample
#141413 on #f0eee6
15.87:1
AAA
1x