Diff

Leonardo.Ai vs Gumroad

66 token-level differences between these two design systems.

Role tokens
Background
#000000 #f4f4f0
Text
#ffffff #000000
Brand
#ffffff #ff90e8
Border
#1f1f1f #000000
Display font
ufficioDisplay ABC Favorit
Body size
16px 16px
colors 62 changed
~ bg #000000 #f4f4f0
~ surface #111111 #ffffff
~ text #ffffff #000000
~ text-muted #a1a1a1 #555555
~ brand #ffffff #ff90e8
~ brand-deep #e5e5e5 #ff62db
~ brand-soft #1a1a1a #ffe1f8
~ link #ffffff #000000
~ link-hover #cfcfcf #ff62db
~ border #1f1f1f #000000
+ surface-pink #ff90e8
+ surface-cream-deep #efefe8
+ text-subtle #767676
+ text-on-pink #000000
+ text-on-black #ffffff
+ accent-yellow #ffc900
+ accent-blue #90a8ed
+ accent-green #23a094
+ border-thick #000000
+ shadow-hard #000000
+ divider #dcdcd4
+ semantic-success #23a094
+ semantic-warning #ffc900
+ semantic-danger #dc341e
+ semantic-info #90a8ed
bg-alt #0a0a0a
surface-deep #080808
surface-raised #1a1a1a
text-strong #ffffff
text-body #ededed
text-soft #cfcfcf
text-faint #6b6b6b
on-brand #000000
accent-violet #8b5cf6
accent-violet-soft #1e1633
accent-cyan #22d3ee
link-visited #a1a1a1
selected #1a1a1a
disabled #2a2a2a
neutral-50 #fafafa
neutral-100 #ededed
neutral-300 #a1a1a1
neutral-500 #6b6b6b
neutral-700 #2a2a2a
neutral-900 #111111
border-strong #2e2e2e
border-subtle #141414
shadow-ambient rgba(0,0,0,0.5)
shadow-deep rgba(0,0,0,0.75)
shadow-glow rgba(255,255,255,0.06)
success #22c55e
success-bg #0b1f12
success-text #86efac
warning #f59e0b
warning-bg #231803
warning-text #fcd34d
danger #ef4444
danger-bg #230b0b
danger-text #fca5a5
info #22d3ee
info-bg #04222a
info-text #a5f3fc
typography 4 changed
~ display {"family":"ufficioDisplay","size":80} {"family":"ABC Favorit","size":96}
~ h1 {"family":"ufficioDisplay","size":40} {"family":"ABC Favorit","size":40}
~ h2 {"family":"ufficioDisplay","size":32} {"family":"ABC Favorit","size":32}
~ body {"family":"canvaSans","size":16} {"family":"ABC Favorit","size":16}
radius identical
No differences.
spacing identical
No differences.
↻ Swap direction · Gumroad → Leonardo.Ai