Diff

Leonardo.Ai vs Midjourney

60 token-level differences between these two design systems.

Role tokens

Background

#000000 → #06051d

Text

#ffffff → #ffffff

Brand

#ffffff → #9061f9

Border

#1f1f1f → #00000099

Display font

ufficioDisplay → JetBrains Mono

Body size

16px → 14px

colors 50 changed

~ bg #000000 → #06051d

~ bg-alt #0a0a0a → #0f1c36

~ surface #111111 → #2d0e36

~ surface-deep #080808 → #28172e

~ surface-raised #1a1a1a → #3a1c44

~ text-body #ededed → #ebf8ff

~ text-muted #a1a1a1 → #9ca0ad

~ text-soft #cfcfcf → #ebf8ff

~ text-faint #6b6b6b → #5a5d6c

~ brand #ffffff → #9061f9

~ brand-deep #e5e5e5 → #5b21b6

~ brand-soft #1a1a1a → #3b2566

~ on-brand #000000 → #ffffff

~ link #ffffff → #9061f9

~ link-hover #cfcfcf → #a78bfa

~ link-visited #a1a1a1 → #7c3aed

~ selected #1a1a1a → #3b2566

~ disabled #2a2a2a → #3a3d4a

~ neutral-50 #fafafa → #f8f8fb

~ neutral-100 #ededed → #ebecf0

~ neutral-300 #a1a1a1 → #9ca0ad

~ neutral-500 #6b6b6b → #5a5d6c

~ neutral-700 #2a2a2a → #2e3038

~ neutral-900 #111111 → #161827

~ border #1f1f1f → #00000099

~ border-strong #2e2e2e → #ffffff1f

~ border-subtle #141414 → #ffffff0a

~ shadow-ambient rgba(0,0,0,0.5) → rgba(6,5,29,0.4)

~ shadow-deep rgba(0,0,0,0.75) → rgba(0,0,0,0.6)

~ success #22c55e → #16a394

~ success-bg #0b1f12 → #0e2a26

~ success-text #86efac → #5eead4

~ warning #f59e0b → #f5a524

~ warning-bg #231803 → #2e2010

~ danger #ef4444 → #fc2c83

~ danger-bg #230b0b → #2c0a1a

~ danger-text #fca5a5 → #fda4af

~ info #22d3ee → #63b3ed

~ info-bg #04222a → #0f1f33

~ info-text #a5f3fc → #93c5fd

+ accent-rose #fc2c83

+ accent-amber #f5a524

+ accent-emerald #16a394

+ accent-sky #63b3ed

+ accent-magenta #d946ef

+ surface-soft #314062

+ shadow-violet rgba(144,97,249,0.25)

− accent-violet #8b5cf6

− accent-violet-soft #1e1633

− shadow-glow rgba(255,255,255,0.06)

typography 5 changed

~ display {"family":"ufficioDisplay","size":80} → {"family":"JetBrains Mono","size":48}

~ h1 {"family":"ufficioDisplay","size":40} → {"family":"JetBrains Mono","size":30}

~ h2 {"family":"ufficioDisplay","size":32} → {"family":"JetBrains Mono","size":24}

~ body {"family":"canvaSans","size":16} → {"family":"DM Sans","size":14}

~ label {"family":"SFMono-Regular","size":13} → {"family":"JetBrains Mono","size":11}

radius 1 changed

~ card 12px → 16px

spacing 4 changed

~ xs 0px → 2px

~ md 12px → 8px

~ lg 32px → 20px

~ xl 64px → 32px

↻ Swap direction · Midjourney → Leonardo.Ai