Diff

Databricks vs MongoDB

54 token-level differences between these two design systems.

Role tokens

Background

#ffffff → #ffffff

Text

#1b3139 → #001e2b

Brand

#EB1600 → #00ed64

Border

#dde2e6 → #e1e5e8

Display font

DM Sans → Euclid Circular A

Body size

16px → 16px

colors 44 changed

~ bg-dark #1b3139 → #001e2b

~ bg-surface #f6f7f9 → #f9fbfa

~ bg-soft #fafbfc → #f4f7f6

~ bg-feature #fff4f1 → #e3fcef

~ surface #f6f7f9 → #f9fbfa

~ text #1b3139 → #001e2b

~ text-charcoal #243640 → #1c2d38

~ text-slate #445566 → #3d4f5b

~ text-steel #5e7382 → #5c6c7a

~ text-stone #7a8b97 → #7c8c9a

~ text-muted #a3b1bc → #a8b3bc

~ on-brand #ffffff → #001e2b

~ on-dark-muted #a3b1bc → #a8b3bc

~ brand #EB1600 → #00ed64

~ brand-deep #E0250F → #00b545

~ brand-pressed #B71D08 → #008c34

~ brand-dark #9B1A07 → #00684a

~ brand-soft #ffe1da → #c3f0d2

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

~ brand-teal #243d48 → #003d4f

~ accent-orange #FF8B4A → #fa6e39

~ link #0a5fb8 → #016bf8

~ link-hover #073f7c → #0046a8

~ border #dde2e6 → #e1e5e8

~ border-soft #eceff2 → #eceff1

~ border-strong #bcc5cd → #c1ccd6

~ border-dark #2f5260 → #1c2d38

~ semantic-success #00875A → #00b545

~ semantic-warning-bg #fff7e0 → #fff8e0

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

~ semantic-error #D7263D → #db3030

~ semantic-info #0a5fb8 → #016bf8

+ text-deep-on-brand #001e2b

+ brand-mid #00a35c

+ brand-teal-mid #00684a

+ accent-purple #7b3ff2

+ accent-pink #f06bb8

+ accent-blue #3d4f9f

− bg-deep #0a0a0a

− text-on-brand #ffffff

− brand-teal-light #2f5260

− accent-amber #FFB400

− accent-violet #8B5CF6

− accent-cyan #00A1C9

typography 5 changed

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

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

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

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

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

radius identical

No differences.

spacing 5 changed

~ xs 0px → 4px

~ sm 4px → 8px

~ md 12px → 16px

~ lg 24px → 32px

~ xl 40px → 48px

↻ Swap direction · MongoDB → Databricks