Diff

Emirates vs Aesop

24 token-level differences between these two design systems.

Role tokens

Background

#f6f6f6 → #fffef2

Text

#000000 → #333333

Brand

#d71921 → #333333

Border

#000000 → #333333

Display font

EmiratesSB-Bold → Suisse Int'l

Body size

16px → 14px

colors 17 changed

~ bg #f6f6f6 → #fffef2

~ surface #f6f6f6 → #f7ecdd

~ text #000000 → #333333

~ brand #d71921 → #333333

~ on-brand #ffffff → #fffef2

~ border #000000 → #333333

+ bg-soft #faf6ea

+ surface-deep #efe3d2

+ brand-hover #1f1f1f

+ text-strong #1f1f1f

+ text-muted #666666

+ text-faint #8a8a8a

+ border-soft #d9cfbe

+ border-faint #e6dcc9

+ success #3a5a40

+ warning #8a6d3b

+ danger #7a3030

typography 5 changed

~ display {"family":"EmiratesSB-Bold","size":64} → {"family":"Suisse Int'l","size":48}

~ h1 {"family":"EmiratesSB-Bold","size":36} → {"family":"Suisse Int'l","size":36}

~ h2 {"family":"EmiratesSB-Bold","size":28} → {"family":"Suisse Int'l","size":30}

~ body {"family":"HelveticaNeue","size":16} → {"family":"Suisse Int'l","size":14}

~ label {"family":"SFMono-Regular","size":13} → {"family":"Suisse Int'l Mono","size":12}

radius 2 changed

~ button 8px → 2px

~ card 12px → 14px

spacing identical

No differences.