\DESIGNSORCERY>_

Online Business Banking For Startups, Small Businesses & Scaling Companies

Video · Light

Design System Inspiration

Mercury — extracted via DESIGN.md

Fintech · Business banking

minimalist clean corporate elegant dark-theme typographic split-screen hero sticky navigation scroll-triggered animations dark mode toggle

Typography

arcadia

Heading

Aa Aa Aa Aa

arcadiaDisplay

Body

Aa Aa Aa Aa

Color palette

TL;DR

Mercury utilizes a "monochrome-plus" strategy where a single high-voltage periwinkle (`#5266eb`) punctuates a sophisticated palette of deep obsidian (`#1e1e2a`) and cool off-white (`#ededf3`). The system relies on the **Arcadia** and **ArcadiaDisplay** type families, characterized by generous tracking in display sizes and a custom weight of 480 for headings. Layouts are airy and structured, using large corner radii (up to 40px) on feature cards to soften the technical precision of the banking interface. Component density is comfortable, favoring large touch targets and clear semantic separation between interactive elements and content surfaces.

Target audience

The target audience consists of startups, small businesses, and scaling companies seeking modern and efficient online business banking solutions.

Full tech stack

Cloudflare Browser Insights Unpkg

Analytics

Cloudflare Browser Insights

Meta description

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

Brand Voice

Ambitious, streamlined, and radically efficient.

Positioning

Mercury is a fintech company providing business banking and financial tools for startups and ambitious entrepreneurs. It positions itself as a redesigned alternative to traditional banking headaches by consolidating cards, payments, and treasury into a single, high-velocity platform.

Voice principles

  • Action-Oriented: Use active verbs that emphasize speed and momentum (e.g., "tackle," "move," "run").
  • Confident: State value propositions plainly without fluff or excessive adjectives.
  • Empathetic to Founders: Acknowledge the "headache" and "runaround" of traditional finance while offering a "pro" solution.
  • Transparent: Clearly define the nature of the business (fintech, not a bank) and the specifics of pricing and yields.

More SaaS Designs

← Back to Gallery