Diff

Atlassian vs Emirates

7 token-level differences between these two design systems.

Role tokens

Background

#ffffff → #f6f6f6

Text

#000000 → #000000

Brand

#0a0a0a → #d71921

Border

#000000 → #000000

Display font

Charlie Text → EmiratesSB-Bold

Body size

16px → 16px

colors 3 changed

~ bg #ffffff → #f6f6f6

~ surface #cfe1fd → #f6f6f6

~ brand #0a0a0a → #d71921

typography 4 changed

~ display {"family":"Charlie Text","size":80} → {"family":"EmiratesSB-Bold","size":64}

~ h1 {"family":"Charlie Text","size":40} → {"family":"EmiratesSB-Bold","size":36}

~ h2 {"family":"Charlie Text","size":32} → {"family":"EmiratesSB-Bold","size":28}

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

radius identical

No differences.

spacing identical

No differences.