Design Language: Maxopp - School Of Actionable Skills

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

44%

A11y Score

Color Palette

Brand Colors

#d84746

Primary

80 uses

#ff4140

Secondary

16 uses

#d84746

Accent

80 uses

Neutrals

#b1b1b1

1638 uses

#353535

1451 uses

#ffffff

453 uses

#000000

298 uses

#1f1f1f

20 uses

#69727d

18 uses

#ededed

16 uses

#4c4c4c

15 uses

#0a0a0a

1 uses

Full Palette

#b1b1b1

text, border

1638 uses

#353535

border, text, background

1451 uses

#ffffff

text, border, background

453 uses

#000000

text, border, background

298 uses

#d84746

text, border, background

80 uses

#1f1f1f

background

20 uses

#69727d

text, border

18 uses

#ff4140

text, border

16 uses

#ededed

text, border

16 uses

#4c4c4c

text

15 uses

#c82063

border

6 uses

#1c2434

text, border, background

3 uses

#ec7b1e

background

2 uses

#0a0a0a

background

1 uses

#f2295b

border

1 uses

Gradients

Typography

Font Families

Kumbh Sans (all, 1765x)Times New Roman (body, 141x)Roboto (body, 51x)Font Awesome 5 Pro (body, 13x)eicons (body, 13x)Font Awesome 5 Free (body, 3x)Font Awesome 5 Brands (body, 2x)

Type Scale

100px The quick brown fox 400 / 100px

70px The quick brown fox 400 / 70px

50px The quick brown fox 600 / 50px

45px The quick brown fox 600 / 45px

40px The quick brown fox 600 / 40px

33px The quick brown fox 600 / 33px

32px The quick brown fox 600 / 43.2px

30px The quick brown fox 700 / 30px

28px The quick brown fox 400 / 28px

25px The quick brown fox 400 / 46.25px

23px The quick brown fox 500 / 23px

20px The quick brown fox 400 / 37px

Maxopp - School Of Actionable Skills

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