Diff

DeepSeek vs Pitch

64 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#1a1a1a #000000
Brand
#4d6bfe #5318eb
Border
#e5e7eb #e4e2ee
Display font
Inter Mark Pro Bold
Body size
16px 16px
colors 53 changed
~ surface #f5f7fb #0a0a0a
~ text #1a1a1a #000000
~ text-muted #6b7280 #5b5b66
~ brand #4d6bfe #5318eb
~ brand-hover #3a55e5 #4512c9
~ brand-active #2a44cc #3a0fab
~ link #4d6bfe #0000ee
~ link-hover #3a55e5 #3a0fab
~ border #e5e7eb #e4e2ee
~ border-strong #d1d5db #cbc8da
+ bg-hero #000000
+ surface-light #f6f5fb
+ text-on-hero #ffffff
+ text-muted-on-hero #a8a8b3
+ brand-tint #ebe3fe
+ border-on-hero #26262e
+ success #16a34a
+ warning #d97706
+ danger #dc2626
+ info #5318eb
bg-soft #fafbfd
bg-deep #0a0a23
bg-deep-strong #050518
surface-hover #eef1f8
surface-strong #e2e7f1
text-strong #0a0a0a
text-medium #2a2a2e
text-soft #8b90a0
text-faint #a8acb8
text-on-dark #e6e8ef
text-on-dark-muted #a8b0c4
on-cta #ffffff
brand-deep #2a3eb1
brand-soft #eaeefe
brand-faint #f3f5fe
brand-glow rgba(77, 107, 254, 0.24)
accent-cyan #5eaaff
selected-bg #eaeefe
disabled-bg #f5f7fb
disabled-text #a8acb8
border-soft #eef0f4
border-focus #4d6bfe
border-on-dark rgba(255, 255, 255, 0.12)
success-bg #dcfce7
success-text #15803d
warning-bg #fef3c7
warning-text #854d0e
danger-bg #fee2e2
danger-text #b91c1c
info-bg #eaeefe
info-text #2a3eb1
shadow-rgb 10, 10, 35
shadow-blue 77, 107, 254
typography 5 changed
~ display {"family":"Inter","size":80} {"family":"Mark Pro Bold","size":180}
~ h1 {"family":"Inter","size":64} {"family":"Mark Pro Bold","size":56}
~ h2 {"family":"Inter","size":40} {"family":"Mark Pro Bold","size":40}
~ body {"family":"Inter","size":16} {"family":"Mark Pro","size":16}
~ label {"family":"JetBrains Mono","size":13} {"family":"SFMono-Regular","size":14}
radius 1 changed
~ card 16px 12px
spacing 5 changed
~ xs 1px 0px
~ sm 2px 4px
~ md 6px 12px
~ lg 16px 32px
~ xl 24px 64px
↻ Swap direction · Pitch → DeepSeek