Design Language: Klenty | AI Sales Engagement Platform

Color Palette

Brand Colors

#212529

Primary

3593 uses

#007bff

Secondary

1484 uses

#fdfcff

Accent

187 uses

Neutrals

#000000

268 uses

#808080

11 uses

#9c9c9c

8 uses

#cacaca

6 uses

#4d4d4d

4 uses

#838391

2 uses

#5e5e5e

2 uses

Full Palette

#212529

text, border

3593 uses

#007bff

text, border

1484 uses

#000000

text, border, background

268 uses

#0e0d59

text, border

210 uses

#3d3c7d

text, border

206 uses

#fdfcff

background, text, border

187 uses

#504ee4

background, text, border

82 uses

#6867a6

text, border

68 uses

#2d2c76

text, border

68 uses

#05034e

text, border

66 uses

#ede8ff

background, border

26 uses

#0d144a

text, border

24 uses

#5e6175

text, border

12 uses

#808080

text, border

11 uses

#d6d1eb

border, background

10 uses

#5a5984

text, border

10 uses

#9c9c9c

text, border

8 uses

#5675ff

text, border

8 uses

#4285f4

background, border

6 uses

#cacaca

text, border

6 uses

Gradients

Typography

Font Families

Poppins (all, 3028x)-apple-system (body, 115x)Red Hat Text (all, 10x)Open Sans (body, 9x)Helvetica (body, 5x)Times New Roman (body, 3x)Paytone One (body, 3x)

Type Scale

54px The quick brown fox 700 / 64.8px

48px The quick brown fox 700 / 57.6px

46px The quick brown fox 600 / 69.12px

40px The quick brown fox 500 / 48px

38px The quick brown fox 700 / 42px

36px The quick brown fox 700 / 43.2px

32px The quick brown fox 400 / 41.6px

31px The quick brown fox 700 / 40px

30px The quick brown fox 700 / 45px

26px The quick brown fox 700 / 39px

24px The quick brown fox 600 / normal

20px The quick brown fox 600 / 26px

Spacing Scale (base: 2px)

1px

26px

28px

30px

32px

35px

39px

42px

44px

48px

50px

56px

60px

64px

72px

79px

Accessibility

WCAG Contrast Score

77 passing / 30 failing color pairs

Color Pair Analysis

Klenty | AI Sales Engagement 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