Diff

Axiom vs Baseten

60 token-level differences between these two design systems.

Role tokens
Background
#0a0e1a #ffffff
Text
#ffffff #1a1830
Brand
#1aaaff #6c5ce7
Border
#ffffff14 #e4e4ec
Display font
Inter Inter
Body size
16px 16px
colors 60 changed
~ bg #0a0e1a #ffffff
~ bg-soft #06080f #fafaff
~ bg-deep #03050a #1a1830
~ surface #161d33 #ffffff
~ surface-elevated #1a2240 #ffffff
~ text #ffffff #1a1830
~ text-strong #ffffff #28254a
~ text-muted #b8c0d4 #6b6889
~ text-faint #4a5575 #9c98b6
~ brand #1aaaff #6c5ce7
~ brand-hover #0e8ed8 #5a48d3
~ brand-active #0c7ec0 #4938b3
~ brand-soft #0a3050 #ede9fe
~ brand-deep #063052 #352a8a
~ link #1aaaff #6c5ce7
~ link-hover #5cc4ff #5a48d3
~ accent-cyan #1aaaff #06b6d4
~ border #ffffff14 #e4e4ec
~ border-strong #ffffff28 #c8c5d8
~ border-soft #ffffff0a #f0eff7
~ shadow-color rgba(3, 5, 10, 0.50) rgba(26, 24, 48, 0.04)
~ shadow-color-md rgba(3, 5, 10, 0.65) rgba(26, 24, 48, 0.08)
~ shadow-color-lg rgba(3, 5, 10, 0.80) rgba(26, 24, 48, 0.12)
~ success #22c55e #10b981
~ info #1aaaff #06b6d4
~ code-keyword #9c5cff #6c5ce7
~ code-string #22c55e #10b981
~ code-comment #7a86a3 #9c98b6
+ surface-soft #f5f5fa
+ surface-purple #ede9fe
+ surface-dark #1a1830
+ surface-dark-card #28254a
+ text-body #3d3a5c
+ text-on-dark #ffffff
+ text-on-dark-muted #c8c5dd
+ on-light #1a1830
+ border-purple #6c5ce7
+ shadow-glow-purple rgba(108, 92, 231, 0.15)
+ accent-emerald #10b981
+ accent-rose #ef4444
+ truss-yaml-key #6c5ce7
+ truss-yaml-string #10b981
bg-elevated #111729
surface-hover #1d2540
surface-active #243057
text-soft #7a86a3
text-on-brand #ffffff
text-on-light #0a0e1a
brand-light #5cc4ff
accent-violet #9c5cff
accent-green #22c55e
accent-red #ef4444
border-brand #1aaaff
shadow-glow-cyan rgba(26, 170, 255, 0.20)
log-info #1aaaff
log-warn #f59e0b
log-error #ef4444
log-success #22c55e
code-bg #06080f
code-operator #1aaaff
typography identical
No differences.
radius identical
No differences.
spacing identical
No differences.
↻ Swap direction · Baseten → Axiom