Diff

Axiom vs Weaviate

60 token-level differences between these two design systems.

Role tokens
Background
#0a0e1a #ffffff
Text
#ffffff #0f0a3a
Brand
#1aaaff #1cdb46
Border
#ffffff14 #e0e2eb
Display font
Inter Inter
Body size
16px 16px
colors 60 changed
~ bg #0a0e1a #ffffff
~ bg-soft #06080f #f8f9fb
~ bg-deep #03050a #130c49
~ surface #161d33 #ffffff
~ surface-elevated #1a2240 #ffffff
~ text #ffffff #0f0a3a
~ text-strong #ffffff #1a1547
~ text-muted #b8c0d4 #6e6b8c
~ text-faint #4a5575 #9a98b1
~ brand #1aaaff #1cdb46
~ brand-hover #0e8ed8 #15b939
~ brand-active #0c7ec0 #0f9e2f
~ brand-soft #0a3050 #e6fae9
~ brand-deep #063052 #0a6b1f
~ on-brand #ffffff #0f0a3a
~ link #1aaaff #1cdb46
~ link-hover #5cc4ff #0f9e2f
~ accent-cyan #1aaaff #06b6d4
~ accent-violet #9c5cff #8b5cf6
~ border #ffffff14 #e0e2eb
~ border-strong #ffffff28 #c5c8d4
~ border-soft #ffffff0a #f1f3f7
~ shadow-color rgba(3, 5, 10, 0.50) rgba(19, 12, 73, 0.04)
~ shadow-color-md rgba(3, 5, 10, 0.65) rgba(19, 12, 73, 0.08)
~ shadow-color-lg rgba(3, 5, 10, 0.80) rgba(19, 12, 73, 0.12)
~ success #22c55e #1cdb46
~ info #1aaaff #06b6d4
~ code-keyword #9c5cff #0f9e2f
~ code-string #22c55e #0a6b1f
~ code-comment #7a86a3 #9a98b1
+ surface-soft #f1f3f7
+ surface-green #e6fae9
+ surface-indigo #eaeaf5
+ surface-dark #130c49
+ surface-dark-card #1f1860
+ text-body #3d3a6b
+ text-on-dark #ffffff
+ text-on-dark-muted #c4c2d6
+ brand-indigo #130c49
+ on-light #0f0a3a
+ border-green #1cdb46
+ accent-rose #ef4444
bg-elevated #111729
surface-hover #1d2540
surface-active #243057
text-soft #7a86a3
text-on-brand #ffffff
text-on-light #0a0e1a
brand-light #5cc4ff
accent-green #22c55e
accent-red #ef4444
accent-pink #ec4899
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 · Weaviate → Axiom