Diff

MongoDB vs Databricks

54 token-level differences between these two design systems.

Role tokens

Background

#ffffff → #ffffff

Text

#001e2b → #1b3139

Brand

#00ed64 → #EB1600

Border

#e1e5e8 → #dde2e6

Display font

Euclid Circular A → DM Sans

Body size

16px → 16px

colors 44 changed

~ bg-dark #001e2b → #1b3139

~ bg-surface #f9fbfa → #f6f7f9

~ bg-soft #f4f7f6 → #fafbfc

~ bg-feature #e3fcef → #fff4f1

~ surface #f9fbfa → #f6f7f9

~ text #001e2b → #1b3139

~ text-charcoal #1c2d38 → #243640

~ text-slate #3d4f5b → #445566

~ text-steel #5c6c7a → #5e7382

~ text-stone #7c8c9a → #7a8b97

~ text-muted #a8b3bc → #a3b1bc

~ brand #00ed64 → #EB1600

~ brand-deep #00b545 → #E0250F

~ brand-pressed #008c34 → #B71D08

~ brand-dark #00684a → #9B1A07

~ brand-soft #c3f0d2 → #ffe1da

~ on-brand #001e2b → #ffffff

~ on-dark-muted #a8b3bc → #a3b1bc

~ brand-teal-deep #001e2b → #1b3139

~ brand-teal #003d4f → #243d48

~ accent-orange #fa6e39 → #FF8B4A

~ link #016bf8 → #0a5fb8

~ link-hover #0046a8 → #073f7c

~ border #e1e5e8 → #dde2e6

~ border-soft #eceff1 → #eceff2

~ border-strong #c1ccd6 → #bcc5cd

~ border-dark #1c2d38 → #2f5260

~ semantic-success #00b545 → #00875A

~ semantic-warning-bg #fff8e0 → #fff7e0

~ semantic-warning-text #946f3f → #7a5a00

~ semantic-error #db3030 → #D7263D

~ semantic-info #016bf8 → #0a5fb8

+ bg-deep #0a0a0a

+ text-on-brand #ffffff

+ brand-teal-light #2f5260

+ accent-amber #FFB400

+ accent-violet #8B5CF6

+ accent-cyan #00A1C9

− text-deep-on-brand #001e2b

− brand-mid #00a35c

− brand-teal-mid #00684a

− accent-purple #7b3ff2

− accent-pink #f06bb8

− accent-blue #3d4f9f

typography 5 changed

~ display {"family":"Euclid Circular A","size":72} → {"family":"DM Sans","size":80}

~ h1 {"family":"Euclid Circular A","size":40} → {"family":"DM Sans","size":48}

~ h2 {"family":"Euclid Circular A","size":32} → {"family":"DM Sans","size":36}

~ body {"family":"Euclid Circular A","size":16} → {"family":"DM Sans","size":16}

~ label {"family":"Source Code Pro","size":11} → {"family":"JetBrains Mono","size":13}

radius identical

No differences.

spacing 5 changed

~ xs 4px → 0px

~ sm 8px → 4px

~ md 16px → 12px

~ lg 32px → 24px

~ xl 48px → 40px

↻ Swap direction · Databricks → MongoDB