Design Language: Your All-in-One Creator Storefront

Color Palette

Brand Colors

#ffa500

Primary

22 uses

#008060

Secondary

20 uses

#ffe4d6

Accent

2 uses

Neutrals

#000000

1157 uses

#212121

390 uses

#ffffff

257 uses

#141414

219 uses

#333333

72 uses

#6b6b6b

34 uses

#6b7280

24 uses

#434343

4 uses

#f5f5f5

2 uses

#d9d9d9

1 uses

Full Palette

#000000

text, border, background

1157 uses

#212121

text, border

390 uses

#ffffff

background, text, border

257 uses

#141414

text, background, border

219 uses

#333333

text, border

72 uses

#6b6b6b

text, border

34 uses

#6b7280

text, border

24 uses

#ffa500

text, border

22 uses

#008060

text, border

20 uses

#c95230

text, border

20 uses

#e5e7eb

border

19 uses

#b3490c

text, border

10 uses

#434343

text, border

4 uses

#f5f5f5

background

2 uses

#ffe4d6

background

2 uses

#de7e47

text, border

2 uses

#4f3e2f

background

2 uses

#d9d9d9

border

1 uses

#1b363f

background

1 uses

#f4f1e3

background

1 uses

Typography

Font Families

Type Scale

68px The quick brown fox 400 / 68px

64px The quick brown fox 700 / 78px

56px The quick brown fox 300 / 61.6px

54px The quick brown fox 800 / 70px

28px The quick brown fox 500 / 30px

22px The quick brown fox 500 / 32px

20px The quick brown fox 600 / 30px

19px The quick brown fox 400 / 34px

18px The quick brown fox 600 / 0px

16px The quick brown fox 400 / 20px

14px The quick brown fox 400 / 21px

10px The quick brown fox 500 / 15px

Spacing Scale (base: 2px)

2px

20px

28px

36px

39px

48px

60px

64px

72px

80px

90px

95px

100px

120px

140px

160px

Accessibility

WCAG Contrast Score

135 passing / 7 failing color pairs

Color Pair Analysis

Your All-in-One Creator Storefront

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis