Design Language: Valtrix Technologies

Color Palette

Brand Colors

#c8ccd4

Primary

455 uses

#111721

Secondary

87 uses

#021cf7

Accent

27 uses

Neutrals

#000000

195 uses

#ffffff

102 uses

Full Palette

#c8ccd4

border, text

455 uses

#000000

text, background

195 uses

#ffffff

text, background, border

102 uses

#111721

text

87 uses

#252b39

text

51 uses

#515b6d

text

41 uses

#021cf7

text, background

27 uses

#e4e7eb

background, border

15 uses

#a2aab6

border, text

12 uses

#dcebfe

background

4 uses

#b4d2fd

background

4 uses

#090d16

text

4 uses

#e4cdff

background

3 uses

#83b5ff

background

1 uses

#d0a9ff

background

1 uses

#a1f4c7

background

1 uses

#623bff

background

1 uses

Gradients

Typography

Font Families

Inter (all, 474x)ui-serif (body, 1x)

Type Scale

128px The quick brown fox 400 / 128px

60px The quick brown fox 400 / 60px

48px The quick brown fox 700 / 48px

36px The quick brown fox 700 / 41.4px

30px The quick brown fox 700 / 36px

24px The quick brown fox 700 / 32px

20px The quick brown fox 700 / 28px

18px The quick brown fox 400 / 29.25px

16px The quick brown fox 400 / 24px

14px The quick brown fox 400 / 21px

12px The quick brown fox 400 / 16px

9px The quick brown fox 700 / 13.5px

Accessibility

WCAG Contrast Score

56 passing / 0 failing color pairs

Color Pair Analysis

Valtrix Technologies

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