Diff

dbt Labs vs Lemon Squeezy

62 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#030711 #121217
Brand
#fe6703 #ffc233
Border
#e2e8f0 #e6e6ec
Display font
polymath Circular
Body size
16px 16px
colors 55 changed
~ bg-dark #030711 #121217
~ surface #f1f5f9 #f6f6f8
~ text #030711 #121217
~ text-strong #0f172a #000000
~ text-muted #64748b #6b6b76
~ text-faint #94a3b8 #c4c4cc
~ text-on-brand #030711 #121217
~ on-brand #030711 #121217
~ brand #fe6703 #ffc233
~ brand-pressed #cc5302 #e0a318
~ brand-deep #b34902 #f5b21f
~ border #e2e8f0 #e6e6ec
~ border-strong #cbd5e1 #121217
~ border-dark #1e293b #2a2a33
+ 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
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
typography 5 changed
~ display {"family":"polymath","size":80} {"family":"Circular","size":80}
~ h1 {"family":"polymath","size":48} {"family":"Circular","size":40}
~ h2 {"family":"polymath","size":32} {"family":"Circular","size":32}
~ body {"family":"polymath-text","size":16} {"family":"Inter","size":16}
~ label {"family":"JetBrains Mono","size":13} {"family":"SFMono-Regular","size":13}
radius 2 changed
~ card 12px 24px
~ pill 9999px 40px
spacing identical
No differences.
↻ Swap direction · Lemon Squeezy → dbt Labs