Diff

Lemon Squeezy vs dbt Labs

62 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#121217 #030711
Brand
#ffc233 #fe6703
Border
#e6e6ec #e2e8f0
Display font
Circular polymath
Body size
16px 16px
colors 55 changed
~ bg-dark #121217 #030711
~ surface #f6f6f8 #f1f5f9
~ text #121217 #030711
~ text-strong #000000 #0f172a
~ text-muted #6b6b76 #64748b
~ text-faint #c4c4cc #94a3b8
~ text-on-brand #121217 #030711
~ brand #ffc233 #fe6703
~ brand-deep #f5b21f #b34902
~ brand-pressed #e0a318 #cc5302
~ border #e6e6ec #e2e8f0
~ border-strong #121217 #cbd5e1
~ border-dark #2a2a33 #1e293b
~ on-brand #121217 #030711
+ bg-soft #f8fafc
+ bg-surface #f1f5f9
+ bg-warm #fff5ec
+ bg-dark-soft #0b1220
+ text-body #334155
+ text-slate #475569
+ on-dark #ffffff
+ on-dark-muted #94a3b8
+ brand-hover #e85d02
+ brand-soft #fff5ec
+ brand-tint #ffe2cc
+ accent-cta-white #ffffff
+ link #fe6703
+ link-hover #cc5302
+ link-ink #030711
+ border-soft #eef2f6
+ semantic-success #0f9d58
+ semantic-warning-bg #fff7e0
+ semantic-warning-text #7a5a00
+ semantic-error #dc2626
+ semantic-info #2563eb
bg-dark-2 #1c1c24
surface-2 #ededf1
surface-3 #e3e3e9
surface-yellow-soft #fff3d6
surface-purple-soft #efe9fd
text-soft #9a9aa3
text-on-dark-muted #b7b7c0
text-on-purple #ffffff
accent #5423e7
accent-deep #4a1dcc
accent-pressed #3f17b3
border-yellow #ffc233
success #1f9d57
success-bg #dcf3e6
warning #d98a00
warning-bg #fdf0d2
danger #d92d20
danger-bg #fde4e1
info #5423e7
info-bg #efe9fd
typography 5 changed
~ display {"family":"Circular","size":80} {"family":"polymath","size":80}
~ h1 {"family":"Circular","size":40} {"family":"polymath","size":48}
~ h2 {"family":"Circular","size":32} {"family":"polymath","size":32}
~ body {"family":"Inter","size":16} {"family":"polymath-text","size":16}
~ label {"family":"SFMono-Regular","size":13} {"family":"JetBrains Mono","size":13}
radius 2 changed
~ card 24px 12px
~ pill 40px 9999px
spacing identical
No differences.
↻ Swap direction · dbt Labs → Lemon Squeezy