Diff

DeepSeek vs Mintlify

57 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#1a1a1a #08090a
Brand
#4d6bfe #0c8c5e
Border
#e5e7eb rgba(8, 9, 10, 0.07)
Display font
Inter Inter
Body size
16px 16px
colors 53 changed
~ surface #f5f7fb #ffffff
~ text #1a1a1a #08090a
~ text-strong #0a0a0a #000000
~ text-medium #2a2a2e #3a3b3c
~ text-muted #6b7280 rgba(8, 9, 10, 0.3)
~ text-soft #8b90a0 rgba(8, 9, 10, 0.6)
~ text-faint #a8acb8 rgba(8, 9, 10, 0.45)
~ brand #4d6bfe #0c8c5e
~ brand-deep #2a3eb1 #085f3f
~ brand-soft #eaeefe #e6f4ed
~ link #4d6bfe #0c8c5e
~ link-hover #3a55e5 #085f3f
~ selected-bg #eaeefe #f9f8f7
~ border #e5e7eb rgba(8, 9, 10, 0.07)
~ border-strong #d1d5db rgba(8, 9, 10, 0.14)
~ success-bg #dcfce7 #e6f4ed
~ success-text #15803d #085f3f
~ warning-bg #fef3c7 #fef4e6
~ warning-text #854d0e #7a4a00
~ danger-bg #fee2e2 #fdeeee
~ danger-text #b91c1c #a82020
~ info-bg #eaeefe #eef4fd
~ info-text #2a3eb1 #1a3a7a
+ bg-secondary #f9f8f7
+ bg-tertiary #f4f2ef
+ surface-elev #fafaf9
+ brand-bright #10a370
+ brand-tint #c5e6d5
+ cta-bg #08090a
+ cta-text #ffffff
+ disabled rgba(8, 9, 10, 0.3)
+ border-subtle rgba(8, 9, 10, 0.04)
+ border-brand rgba(12, 140, 94, 0.30)
bg-soft #fafbfd
bg-deep #0a0a23
bg-deep-strong #050518
surface-hover #eef1f8
surface-strong #e2e7f1
text-on-dark #e6e8ef
text-on-dark-muted #a8b0c4
on-cta #ffffff
brand-hover #3a55e5
brand-active #2a44cc
brand-faint #f3f5fe
brand-glow rgba(77, 107, 254, 0.24)
accent-cyan #5eaaff
disabled-bg #f5f7fb
disabled-text #a8acb8
border-soft #eef0f4
border-focus #4d6bfe
border-on-dark rgba(255, 255, 255, 0.12)
shadow-rgb 10, 10, 35
shadow-blue 77, 107, 254
typography 3 changed
~ display {"family":"Inter","size":80} {"family":"Inter","size":64}
~ h1 {"family":"Inter","size":64} {"family":"Inter","size":48}
~ label {"family":"JetBrains Mono","size":13} {"family":"JetBrains Mono","size":11}
radius 1 changed
~ card 16px 12px
spacing identical
No differences.
↻ Swap direction · Mintlify → DeepSeek