Diff

Midjourney vs Leonardo.Ai

60 token-level differences between these two design systems.

Role tokens

Background

#06051d → #000000

Text

#ffffff → #ffffff

Brand

#9061f9 → #ffffff

Border

#00000099 → #1f1f1f

Display font

JetBrains Mono → ufficioDisplay

Body size

14px → 16px

colors 50 changed

~ bg #06051d → #000000

~ bg-alt #0f1c36 → #0a0a0a

~ text-body #ebf8ff → #ededed

~ text-muted #9ca0ad → #a1a1a1

~ text-soft #ebf8ff → #cfcfcf

~ text-faint #5a5d6c → #6b6b6b

~ brand #9061f9 → #ffffff

~ brand-deep #5b21b6 → #e5e5e5

~ brand-soft #3b2566 → #1a1a1a

~ on-brand #ffffff → #000000

~ link #9061f9 → #ffffff

~ link-hover #a78bfa → #cfcfcf

~ link-visited #7c3aed → #a1a1a1

~ selected #3b2566 → #1a1a1a

~ disabled #3a3d4a → #2a2a2a

~ neutral-50 #f8f8fb → #fafafa

~ neutral-100 #ebecf0 → #ededed

~ neutral-300 #9ca0ad → #a1a1a1

~ neutral-500 #5a5d6c → #6b6b6b

~ neutral-700 #2e3038 → #2a2a2a

~ neutral-900 #161827 → #111111

~ surface #2d0e36 → #111111

~ surface-deep #28172e → #080808

~ surface-raised #3a1c44 → #1a1a1a

~ border #00000099 → #1f1f1f

~ border-strong #ffffff1f → #2e2e2e

~ border-subtle #ffffff0a → #141414

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

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

~ success #16a394 → #22c55e

~ success-bg #0e2a26 → #0b1f12

~ success-text #5eead4 → #86efac

~ warning #f5a524 → #f59e0b

~ warning-bg #2e2010 → #231803

~ danger #fc2c83 → #ef4444

~ danger-bg #2c0a1a → #230b0b

~ danger-text #fda4af → #fca5a5

~ info #63b3ed → #22d3ee

~ info-bg #0f1f33 → #04222a

~ info-text #93c5fd → #a5f3fc

+ accent-violet #8b5cf6

+ accent-violet-soft #1e1633

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

− 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)

typography 5 changed

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

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

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

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

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

radius 1 changed

~ card 16px → 12px

spacing 4 changed

~ xs 2px → 0px

~ md 8px → 12px

~ lg 20px → 32px

~ xl 32px → 64px

↻ Swap direction · Leonardo.Ai → Midjourney