Design Language: Inkeep - AI Agents for CX & Ops

Color Palette

Brand Colors

#fbf9f4

Primary

117 uses

#3784ff

Secondary

61 uses

#3784ff

Accent

61 uses

Neutrals

#231f20

1178 uses

#000000

220 uses

#5f5c62

48 uses

#888888

15 uses

#6b7280

2 uses

Full Palette

#231f20

text, border, background

1178 uses

#000000

text, border

220 uses

#fbf9f4

background, text, border

117 uses

#3784ff

background, text, border

61 uses

#e2e8f0

border, text

59 uses

#5f5c62

text, border

48 uses

#374151

text, border

43 uses

#94a3b8

text, border, background

19 uses

#f0ece3

border, background

17 uses

#e5e2dc

border, background

17 uses

#888888

text, border

15 uses

#edf3ff

background

13 uses

#065f46

text, border, background

12 uses

#c9a9c9

text, border

10 uses

#fff5e1

background

9 uses

#0a3bff

border, text, background

7 uses

#d5e5ff

border, background

7 uses

#632ca6

border, text

7 uses

#58a6ff

text, border

6 uses

#fbe1bc

background

5 uses

Gradients

Typography

Font Families

neueHaasGroteskDisplayPro (all, 406x)Inter (all, 261x)ui-sans-serif (body, 156x)JetBrains Mono (body, 121x)Noto Serif (body, 11x)-apple-system (all, 4x)SFMono-Regular (body, 1x)

Type Scale

48px The quick brown fox 400 / 45.6px

46px The quick brown fox 400 / 52.9px

44px The quick brown fox 400 / 50.6px

40px The quick brown fox 400 / 46px

24px The quick brown fox 400 / 36px

22px The quick brown fox 400 / 33px

21px The quick brown fox 400 / 31.5px

20px The quick brown fox 300 / 28px

19px The quick brown fox 400 / 28.5px

18px The quick brown fox 700 / 27px

17px The quick brown fox 500 / 25.5px

16px The quick brown fox 400 / 24px

Accessibility

WCAG Contrast Score

92 passing / 19 failing color pairs

Color Pair Analysis

Inkeep - AI Agents for CX & Ops

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