Design Language: Stripe | 金融基础设施，托举营收增长

Color Palette

Brand Colors

#533afd

Primary

899 uses

#50617a

Secondary

326 uses

#e8e9ff

Accent

57 uses

Neutrals

#000000

2600 uses

#ffffff

178 uses

#101010

6 uses

Full Palette

#000000

text, border, background

2600 uses

#533afd

text, border, background

899 uses

#50617a

text, border

326 uses

#061b31

text, border, background

312 uses

#ffffff

background, text, border

178 uses

#64748d

text, border

172 uses

#0000ee

text, border

90 uses

#e8e9ff

background, border

57 uses

#7f7dfc

text, border, background

37 uses

#3c4f69

text, border

36 uses

#273951

text, border

32 uses

#7389ff

text, border

30 uses

#1a2c44

text, border

28 uses

#ff6118

text, border

28 uses

#b9b9f9

border

22 uses

#7d8ba4

text, border

14 uses

#d6d9fc

border

10 uses

#839bc8

text, border

8 uses

#101010

text, border

6 uses

#a3b5d6

text, border

6 uses

Gradients

Typography

Font Families

sohne-var (all, 2395x)

Type Scale

56px The quick brown fox 400 / 57.68px

48px The quick brown fox 400 / 55.2px

32px The quick brown fox 400 / 35.2px

26px The quick brown fox 400 / normal

22px The quick brown fox 400 / 24.2px

20px The quick brown fox 400 / 28px

18px The quick brown fox 400 / 25.2px

16px The quick brown fox 400 / normal

14px The quick brown fox 500 / 14px

12px The quick brown fox 500 / normal

11px The quick brown fox 400 / 16px

10px The quick brown fox 400 / 15px

Accessibility

WCAG Contrast Score

111 passing / 6 failing color pairs

Color Pair Analysis

Stripe | 金融基础设施，托举营收增长

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis