Diff

Glean vs Atlassian

25 token-level differences between these two design systems.

Role tokens

Background

#ffffff → #ffffff

Text

#333333 → #000000

Brand

#343ced → #0a0a0a

Border

#e6e6ea → #000000

Display font

PolySans Neutral → Charlie Text

Body size

16px → 16px

colors 21 changed

~ surface #f5f5f7 → #cfe1fd

~ text #333333 → #000000

~ brand #343ced → #0a0a0a

~ border #e6e6ea → #000000

− surface-soft #fafafa

− text-heading #0a0227

− text-muted #6b6b73

− text-faint #9a9aa2

− brand-sampled #343bed

− brand-hover #2a31cc

− brand-soft #ebecff

− brand-deep #29246a

− border-strong #d2d2d8

− success #058a5e

− success-bg #e6f5ee

− warning #9a6b00

− warning-bg #fbf2dc

− danger #b42318

− danger-bg #fdeceb

− info #343ced

− info-bg #ebecff

typography 4 changed

~ display {"family":"PolySans Neutral","size":72} → {"family":"Charlie Text","size":80}

~ h1 {"family":"PolySans Neutral","size":56} → {"family":"Charlie Text","size":40}

~ h2 {"family":"PolySans Neutral","size":40} → {"family":"Charlie Text","size":32}

~ body {"family":"PolySans Neutral","size":16} → {"family":"Charlie Text","size":16}

radius identical

No differences.

spacing identical

No differences.