Design Language: Hiver: AI-powered customer service platform

Color Palette

Brand Colors

#004eeb

Primary

1997 uses

#2f3643

Secondary

316 uses

#101828

Accent

291 uses

Neutrals

#333333

4518 uses

#000000

1101 uses

#ffffff

614 uses

#101010

12 uses

Full Palette

#333333

text, border

4518 uses

#004eeb

text, border, background

1997 uses

#000000

text, border, background

1101 uses

#ffffff

background, text, border

614 uses

#2f3643

text, border

316 uses

#101828

text, border, background

291 uses

#636e81

text, border

282 uses

#eaecf0

text, border, background

134 uses

#98a2b3

text, border

110 uses

#182230

text, border

68 uses

#264eff

background, text, border

46 uses

#475467

text, border

26 uses

#dae1ff

background

25 uses

#d0d5dd

text, border

18 uses

#cc3366

border

13 uses

#f35321

text, border, background

13 uses

#101010

text, border

12 uses

#0c5755

background

11 uses

#662bf5

background

8 uses

#a5ff5a

background

4 uses

Gradients

Typography

Font Families

-apple-system (body, 2356x)Hanken Grotesk (all, 2205x)Times New Roman (body, 144x)Newsreader (all, 32x)

Type Scale

118px The quick brown fox 300 / 162px

100px The quick brown fox 400 / 100px

60px The quick brown fox 400 / 66px

48px The quick brown fox 400 / 55px

45px The quick brown fox 400 / 0px

36px The quick brown fox 400 / 41px

32px The quick brown fox 400 / 32px

30px The quick brown fox 500 / 33px

28px The quick brown fox 600 / 24px

24px The quick brown fox 500 / 30px

20px The quick brown fox 500 / 18px

18px The quick brown fox 600 / 22px

Accessibility

WCAG Contrast Score

104 passing / 51 failing color pairs

Color Pair Analysis

Hiver: AI-powered customer service platform

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