Nike. Just Do It. Nike.com

https://nike.com/ 3231 elements 5/9/2026
9
Colors
10
Font Families
15
Spacing Values
2
Shadows
6
Border Radii
9
Components
100%
A11y Score

Color Palette

Brand Colors

#2b333f
Primary
14 uses
#bad168
Secondary
1 uses
#2b333f
Accent
14 uses

Neutrals

#111111
3817 uses
#000000
1002 uses
#707072
904 uses
#ffffff
471 uses
#cacacb
430 uses
#f5f5f5
35 uses
#e5e5e5
9 uses

Full Palette

#111111
text, border, background
3817 uses
#000000
text, border
1002 uses
#707072
text, border
904 uses
#ffffff
background, text, border
471 uses
#cacacb
border, text
430 uses
#f5f5f5
background
35 uses
#2b333f
background, text, border
14 uses
#e5e5e5
background, border
9 uses
#bad168
border
1 uses

Gradients

Typography

Font Families

Helvetica Now Text Medium (all, 1237x)Helvetica Now Text (all, 1195x)Times New Roman (body, 369x)Arial (all, 206x)Helvetica Now Display Medium (all, 117x)Helvetica Neue (body, 76x)Nike Futura ND (headings, 20x)Neue Frutiger Arabic (all, 8x)VideoJS (body, 2x)sans-serif (all, 1x)

Type Scale

76px The quick brown fox 500 / 68.4px
32px The quick brown fox 500 / 38.4px
24px The quick brown fox 500 / 28.8px
20px The quick brown fox 500 / 24px
19.2px The quick brown fox 400 / 28.8px
16px The quick brown fox 400 / 28px
14px The quick brown fox 500 / 26px
13.3333px The quick brown fox 400 / normal
12px The quick brown fox 500 / 18px
9px The quick brown fox 500 / 15.75px
0px The quick brown fox 400 / 0px

Spacing Scale (base: 2px)

1px
16px
24px
34px
48px
56px
60px
72px
80px
84px
98px
180px
199px
213px
308px

Box Shadows

xs (inset)
md

Border Radii

2px
xs
8px
md
18px
xl
24px
xl
30px
full
50px
full

Accessibility

100%
WCAG Contrast Score
230 passing / 0 failing color pairs

Color Pair Analysis

Sample
#111111 on #ffffff
18.88:1
AAA
172x
Sample
#000000 on #efefef
18.26:1
AAA
18x
Sample
#111111 on #f5f5f5
17.32:1
AAA
17x
Sample
#000000 on #ffffff
21:1
AAA
9x
Sample
#111111 on #e5e5e5
14.99:1
AAA
8x
Sample
#2b333f on #ffffff
12.74:1
AAA
4x
Sample
#ffffff on #2b333f
12.74:1
AAA
2x