Skip to content
Fintech / Banking

Mercury

Mercury builds a premium banking identity for startups on a clean, airy composition, a crisp hierarchy and a very measured use of brand color over light backgrounds. The detail is in the micro-interactions, the carefully crafted illustrations and product visualizations, and an immaculate grid that reads as trustworthy and precise.

MinimalLightEditorialGradients
mercury.com Desktop
Full screenshot of mercury.com on desktop
Full screenshot of mercury.com on mobile, part 1 of 2Full screenshot of mercury.com on mobile, part 2 of 2
Mobile

Screenshots of the real site. Scroll inside each frame to go through it.

The feeling

Calm confidence and fintech precision: modern, clear and professional without shouting.

Design system Extracted from the site

Colors

Background
#44444c
Text
#ffffff
Accent
#5266eb
Surface
#2f2f37
Border
#afb2ce
Palette: #5266eb #44444c #ffffff #2f2f37 #afb2ce #171721

Typography

arcadiaDisplay Headlines
arcadia Body text
Scale 49px42px21px16px

Weights: 480

Spacing, borders and layout

Spacing scale
4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 px
Base unit
4px
Radii
4px · 12px · 8px · 40px
Border
1px #afb2ce
Content width
688px

Third-party style reference. AIGiner is not affiliated with or sponsored by Mercury; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.

Similar pages

See all
revolut.com
Screenshot of Revolut's website

We design websites at this level

Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.