Design Language: SiRiiL

Color Palette

Brand Colors

#004683

Primary

90 uses

#190e06

Secondary

38 uses

#011133

Accent

34 uses

Neutrals

#c8c8c8

738 uses

#ffffff

282 uses

#000000

240 uses

#b3b3b3

22 uses

#585858

18 uses

#f5f5f5

5 uses

Full Palette

#c8c8c8

border

738 uses

#ffffff

background, text, border

282 uses

#000000

text, background

240 uses

#004683

text

90 uses

#190e06

text

38 uses

#011133

background, text

34 uses

#002282

text, background

32 uses

#b3b3b3

text

22 uses

#585858

text

18 uses

#0b4dd8

text, background

7 uses

#e4e7eb

border

6 uses

#e6f1ff

background

6 uses

#f5f5f5

border, background

5 uses

#0159a6

text

4 uses

#00610c

text

4 uses

#f5060a

text

4 uses

#6a10ff

text

4 uses

#1257ea

text

4 uses

#17192b

background

4 uses

#c2cedf

background

2 uses

Gradients

Typography

Font Families

Roboto (all, 752x)

Type Scale

60px The quick brown fox 700 / 75px

48px The quick brown fox 700 / 48px

36px The quick brown fox 700 / 45px

30px The quick brown fox 700 / 37.5px

24px The quick brown fox 600 / 32px

22px The quick brown fox 600 / 33px

20px The quick brown fox 600 / 27.5px

18px The quick brown fox 400 / 28px

16px The quick brown fox 400 / 24px

14px The quick brown fox 600 / 20px

13px The quick brown fox 500 / 19.5px

Spacing Scale (base: 2px)

4px

48px

72px

80px

88px

100px

112px

120px

168px

176px

192px

200px

224px

250px

259px

320px

Accessibility

WCAG Contrast Score

41 passing / 6 failing color pairs

Color Pair Analysis

SiRiiL

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