Apple (中国大陆) - 官方网站

https://www.apple.com.cn/? 1380 elements 5/20/2026
11
Colors
3
Font Families
21
Spacing Values
0
Shadows
4
Border Radii
7
Components
98%
A11y Score

Color Palette

Brand Colors

#f5f5f7
Primary
74 uses
#0066cc
Secondary
28 uses
#f5f5f7
Accent
74 uses

Neutrals

#000000
1245 uses
#1d1d1f
889 uses
#333336
425 uses
#6e6e73
64 uses
#ffffff
59 uses
#666666
8 uses

Full Palette

#000000
text, border, background
1245 uses
#1d1d1f
text, border, background
889 uses
#333336
background, text, border
425 uses
#f5f5f7
background, text, border
74 uses
#6e6e73
text, border
64 uses
#ffffff
background, text, border
59 uses
#0066cc
text, border
28 uses
#2997ff
text, border
10 uses
#0071e3
background
9 uses
#666666
text, border
8 uses
#e8e8ed
background
1 uses

Typography

Font Families

SF Pro SC (all, 1354x)SF Pro Text (all, 25x)Arial (all, 1x)

Type Scale

56px The quick brown fox 600 / 60.0001px
44px The quick brown fox 400 / 44px
40px The quick brown fox 600 / 44px
34px The quick brown fox 600 / 50.0001px
28px The quick brown fox 400 / 35px
24px The quick brown fox 300 / 36px
21px The quick brown fox 400 / 28.0014px
18px The quick brown fox 300 / 18px
17px The quick brown fox 400 / normal
14px The quick brown fox 400 / 18.0008px
13.3333px The quick brown fox 400 / normal
12px The quick brown fox 400 / 16.0005px

Spacing Scale (base: 2px)

1px
4px
24px
29px
32px
34px
37px
40px
44px
53px
55px
57px
80px
84px
88px
96px

Border Radii

5px
sm
8px
md
11px
lg
980px
full

Accessibility

98%
WCAG Contrast Score
62 passing / 1 failing color pairs

Color Pair Analysis

Sample
#000000 on #333336
1.67:1
FAIL
1x
Sample
#1d1d1f on #ffffff
16.83:1
AAA
26x
Sample
#1d1d1f on #f5f5f7
15.46:1
AAA
15x
Sample
#ffffff on #0071e3
4.7:1
AA
9x
Sample
#000000 on #fafafc
20.14:1
AAA
4x
Sample
#f5f5f7 on #000000
19.29:1
AAA
3x
Sample
#1d1d1f on #fafafc
16.14:1
AAA
1x
Sample
#ffffff on #1d1d1f
16.83:1
AAA
1x
Sample
#ffffff on #000000
21:1
AAA
1x
Sample
#1d1d1f on #e8e8ed
13.78:1
AAA
1x
Sample
#000000 on #f5f5f7
19.29:1
AAA
1x