中国大学MOOC_优质在线课程学习平台

https://www.icourse163.org/ 1484 elements 5/20/2026
27
Colors
7
Font Families
11
Spacing Values
7
Shadows
8
Border Radii
8
Components
47%
A11y Score

Color Palette

Brand Colors

#00cc7e
Primary
237 uses
#53b880
Secondary
18 uses
#afc0cc
Accent
14 uses

Neutrals

#333333
1331 uses
#000000
538 uses
#999999
498 uses
#ffffff
214 uses
#666666
143 uses
#f5f5f5
17 uses
#cccccc
14 uses
#e2e2e2
14 uses
#b8b8b8
12 uses
#777777
6 uses

Full Palette

#333333
text, border
1331 uses
#000000
text, border, background
538 uses
#999999
text, border
498 uses
#00cc7e
background, text, border
237 uses
#ffffff
text, border, background
214 uses
#666666
text, border
143 uses
#53b880
text, border
18 uses
#f5f5f5
background, border
17 uses
#d1802b
text, border
16 uses
#5180f7
text, border
14 uses
#afc0cc
background
14 uses
#cccccc
text, border
14 uses
#e2e2e2
text, border
14 uses
#b8b8b8
text, border
12 uses
#0f8ae3
text, border
8 uses
#ffa838
text, border
6 uses
#777777
text, border
6 uses
#fa5055
text, border
6 uses
#ff7130
text, border
6 uses
#ffb425
text, border
6 uses

Gradients

Typography

Font Families

Arial (all, 1303x)PingFangSC-Regular (body, 132x)PingFang SC (body, 15x)Helvetica-BoldOblique (body, 15x)PingFangSC-Medium (all, 11x)icon-mooc (body, 6x)Hiragino Sans GB (all, 2x)

Type Scale

31.2px The quick brown fox 400 / 43.68px
30px The quick brown fox 400 / 43px
28px The quick brown fox 400 / 42px
26px The quick brown fox 400 / 26px
24px The quick brown fox 500 / 22px
20px The quick brown fox 400 / 28px
18px The quick brown fox 600 / 26px
16px The quick brown fox 400 / 22.4px
14px The quick brown fox 400 / 19.6px
13px The quick brown fox 600 / normal
12px The quick brown fox 400 / 16.8px
11px The quick brown fox 400 / 19px

Spacing Scale

1px
30px
35px
40px
43px
48px
55px
65px
80px
84px
100px

Box Shadows

md
md
md
md
md
md
lg

Border Radii

2px
xs
5px
sm
8px
md
12px
lg
16px
lg
30px
full
50px
full
100px
full

Accessibility

47%
WCAG Contrast Score
76 passing / 85 failing color pairs

Color Pair Analysis

Sample
#333333 on #000000
1.66:1
FAIL
45x
Sample
#ffffff on #afc0cc
1.87:1
FAIL
14x
Sample
#999999 on #f8f9fb
2.7:1
FAIL
10x
Sample
#ffffff on #00cc7e
2.11:1
FAIL
9x
Sample
#ffffff on #896cff
3.72:1
FAIL
4x
Sample
#333333 on #07853a
2.66:1
FAIL
1x
Sample
#333333 on #272727
1.18:1
FAIL
1x
Sample
#00cc7e on #ffffff
2.11:1
FAIL
1x
Sample
#333333 on #ffffff
12.63:1
AAA
56x
Sample
#000000 on #ffffff
21:1
AAA
7x
Sample
#333333 on #00cc7e
5.98:1
AA
2x
Sample
#ffffff on #000000
21:1
AAA
2x
Sample
#333333 on #f5f5f5
11.59:1
AAA
1x
Sample
#333333 on #84b706
5.27:1
AA
1x
Sample
#333333 on #dee2ff
9.88:1
AAA
1x
Sample
#333333 on #ffedd5
11.03:1
AAA
1x
Sample
#000000 on #eff1f7
18.6:1
AAA
1x
Sample
#333333 on #f7f7f7
11.79:1
AAA
1x
Sample
#000000 on #00cc7e
9.94:1
AAA
1x
Sample
#666666 on #ffffff
5.74:1
AA
1x