A List Apart – For people who make websites

https://alistapart.com/ 443 elements 4/26/2026
9
Colors
3
Font Families
13
Spacing Values
2
Shadows
3
Border Radii
8
Components
92%
A11y Score

Color Palette

Brand Colors

#2455c3
Primary
78 uses
#bb3825
Secondary
2 uses
#bb3825
Accent
2 uses

Neutrals

#222222
529 uses
#666666
147 uses
#000000
124 uses
#ffffff
10 uses
#dddddd
3 uses
#f0f0f0
3 uses
#cccccc
1 uses

Full Palette

#222222
text, border
529 uses
#666666
text, border
147 uses
#000000
text, border, background
124 uses
#2455c3
text, border
78 uses
#ffffff
background, text, border
10 uses
#dddddd
border
3 uses
#f0f0f0
background
3 uses
#bb3825
background
2 uses
#cccccc
border
1 uses

Typography

Font Families

Franklin ITC (all, 296x)Georgia (body, 88x)Times New Roman (body, 59x)

Type Scale

36px The quick brown fox 700 / 42px
24px The quick brown fox 400 / 36px
18px The quick brown fox 400 / 30.6px
16px The quick brown fox 400 / 18.4px
14px The quick brown fox 700 / 60px
12px The quick brown fox 400 / 12px
10px The quick brown fox 400 / 10px

Spacing Scale (base: 2px)

0px
18px
21px
24px
30px
34px
42px
48px
58px
86px
142px
160px
432px

Box Shadows

xs (inset)
md

Border Radii

3px
sm
6px
md
50px
full

Accessibility

92%
WCAG Contrast Score
11 passing / 1 failing color pairs

Color Pair Analysis

Sample
#222222 on #000000
1.32:1
FAIL
1x
Sample
#222222 on #ffffff
15.91:1
AAA
5x
Sample
#ffffff on #bb3825
5.67:1
AAA
2x
Sample
#222222 on #f0f0f0
13.96:1
AAA
2x
Sample
#666666 on #ffffff
5.74:1
AA
1x
Sample
#222222 on #ededed
13.59:1
AAA
1x