Diff

Emirates vs Atlassian

7 token-level differences between these two design systems.

Role tokens

Background

#f6f6f6 → #ffffff

Text

#000000 → #000000

Brand

#d71921 → #0a0a0a

Border

#000000 → #000000

Display font

EmiratesSB-Bold → Charlie Text

Body size

16px → 16px

colors 3 changed

~ bg #f6f6f6 → #ffffff

~ surface #f6f6f6 → #cfe1fd

~ brand #d71921 → #0a0a0a

typography 4 changed

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

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

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

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

radius identical

No differences.

spacing identical

No differences.