Design Language: Glean – Work AI that Works

Color Palette

Brand Colors

#343ced

Primary

1732 uses

#d6d8fb

Secondary

168 uses

#d6d8fb

Accent

168 uses

Neutrals

#333333

4853 uses

#ffffff

2619 uses

#000000

891 uses

#838383

156 uses

#777767

109 uses

#4b4b4b

88 uses

#262626

85 uses

#8d8d94

14 uses

#d7d7d7

9 uses

#e1e1e1

3 uses

Full Palette

#333333

text, border

4853 uses

#ffffff

background, text, border

2619 uses

#343ced

background, text, border

1732 uses

#000000

text, border, background

891 uses

#d6d8fb

background, text, border

168 uses

#838383

text, border

156 uses

#777767

text, border

109 uses

#4b4b4b

text, border

88 uses

#262626

text, border

85 uses

#0a0227

text, border

44 uses

#d8fd49

background, text, border

21 uses

#8d8d94

text, border

14 uses

#d7d7d7

background

9 uses

#ededf8

background

4 uses

#eeeee9

background

3 uses

#e1e1e1

border

3 uses

#f1b7ff

border

1 uses

#cecece

border

1 uses

#ffdede

background

1 uses

#05083b

background

1 uses

Gradients

Typography

Font Families

Polysans Neutral (all, 4132x)Polysans Slim (body, 580x)Polysans Median (all, 185x)sans-serif (all, 73x)Polysans Neutral Mono (body, 30x)

Type Scale

72px The quick brown fox 400 / 77.76px

56px The quick brown fox 400 / 60.48px

48px The quick brown fox 400 / 57.6px

40px The quick brown fox 400 / 48px

36px The quick brown fox 400 / 36px

32px The quick brown fox 400 / 44.8px

24px The quick brown fox 400 / 24px

20.8px The quick brown fox 400 / 27.04px

20px The quick brown fox 400 / 28px

18px The quick brown fox 400 / 29.7px

16px The quick brown fox 400 / normal

14px The quick brown fox 400 / 23.1px

Accessibility

WCAG Contrast Score

561 passing / 36 failing color pairs

Color Pair Analysis

Glean – Work AI that Works | Agents, Assistant & Search

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