Finance

mercury.com

Everything you do with money. All in one place. Apply in 10 minutes for business banking that transforms how you operate.

12 colors12 componentsarcadiaDisplayMulti-page · 2 screens

mercury.com — Online Business Banking For Startups, Small Businesses & Scaling Companies

1 / 2 — Online Business Banking For Startups, Small Businesses & Scaling Companies

Preview

the generated design system

Switch between the rendered Visual preview and the Raw DESIGN.md.

Design tokens

Extracted from mercury.com

Primary

#AFB2CE

#9CB4E8

#171721

#272735

#5266EB

#0000

Neutral

#000000

#EDEDF3

#C3C3CC

#FFFFFF

#EBEBEB

#F5F5F5

Typography · arcadiaDisplay

h149.3472px · 480

h242px · 480

body21.008px · 480

Spacing

4px

8px

12px

16px

24px

32px

40px

72px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(86, 86, 118, 0.1) 0px 0px 6px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(28, 28, 35, 0.02) 0px 10px 16px 0px, rgba(28, 28, 35, 0.04) 0px 6px 10px 0px, rgba(28, 28, 35, 0.09) 0px 0px 3px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 3px 0px, rgba(0, 0, 0, 0.05) 0px 8px 12px 0px, rgba(0, 0, 0, 0.05) 0px 12px 20px 0px

Components · 12