Diff

Booking.com vs Lego

53 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#262626 #1a1a1a
Brand
#003580 #ffd500
Border
#e0e0e0 #e0e0e0
Display font
Inter Lego Sans
Body size
14px 15px
colors 47 changed
~ bg-warm #fefdf6 #fffaf0
~ surface-strong #f0f2f5 #f0f0f0
~ brand #003580 #ffd500
~ brand-hover #0066cc #e6c000
~ brand-pressed #002566 #cca900
~ brand-deep #001a4d #a89200
~ brand-tint #e8f0fa #fff8d0
~ brand-soft #cee0f0 #ffec8a
~ on-brand #ffffff #1a1a1a
~ text #262626 #1a1a1a
~ text-muted #595959 #5a5a5a
~ text-on-brand #ffffff #1a1a1a
~ link #0066cc #0055bf
~ link-hover #003580 #003e8e
~ selected-bg #e8f0fa #fff8d0
~ border-strong #bdbdbd #cccccc
~ border-soft #eeeeee #f0f0f0
~ border-brand #003580 #ffd500
~ success #008009 #179a35
~ warning #d68500 #ffd500
~ danger #d63333 #d62027
~ info #0066cc #0055bf
+ red #d62027
+ red-deep #a8161c
+ red-soft #ffd5d8
+ blue #0055bf
+ blue-deep #003e8e
+ blue-soft #cee0f5
+ green #179a35
+ green-deep #0c7826
+ green-soft #cdf0d4
+ text-on-red #ffffff
+ text-on-blue #ffffff
+ text-on-green #ffffff
+ age-0plus #179a35
+ age-6plus #0055bf
+ age-12plus #d62027
+ age-adult #1a1a1a
yellow #febb02
yellow-deep #cc9700
yellow-soft #fff4d4
text-on-yellow #262626
rating-good #008009
rating-superb #003580
urgency #d63333
urgency-soft #fff0f0
genius-purple #562155
typography 4 changed
~ display {"family":"Inter","size":48} {"family":"Lego Sans","size":56}
~ h1 {"family":"Inter","size":24} {"family":"Lego Sans","size":32}
~ h2 {"family":"Inter","size":20} {"family":"Lego Sans","size":24}
~ body {"family":"Inter","size":14} {"family":"Lego Sans","size":15}
radius 2 changed
~ button 6px 12px
~ card 8px 16px
spacing identical
No differences.
↻ Swap direction · Lego → Booking.com