# Mercury, Home

Fintech · Home · Custom code
Live page: https://mercury.com/
On Designly: https://designly.sh/p/mercury · JSON: https://designly.sh/p/mercury.json

## Why it works

Mercury leads with a calm, dark dashboard instead of a slogan, so a bank feels like software you already trust. Thin dividers, small type and one blue button keep money matters quiet and grown-up.

## Sections, top to bottom

1. Navigation: "Navigation" (y 0–72px of 11612) · id sec_f9e56db38e444258a957eb62e2a12273
2. Hero: "Radically different banking" (y 72–900px of 11612) · id sec_330150dd8b5c404499d79cafab0e8bdc
3. Content: "Business banking & more" (y 900–1872px of 11612) · id sec_8aa0dbf8b634454ca1afd8f0cbf915a3
4. Logos: "Logos" (y 1872–2265px of 11612) · id sec_f54d1e7042124b2788457dae9cc5973f
5. Content: "Content" (y 2265–2933px of 11612) · id sec_322d9dafb5ea480fbb1b523d3c1ac4f6
6. Content: "Banking’s been a headache. Now, it’s a head…" (y 2933–4063px of 11612) · id sec_4b64be7d24fd45cea76fd245db0a8fb0
7. Content: "Mercury has completely changed my expectations…" (y 4063–5134px of 11612) · id sec_21628d7abe924d42970ec5ed84e54932
8. Content: "Send no-fee USD payments around the globe" (y 5134–5846px of 11612) · id sec_49199578ea5d446c81176f3eaedc6b9f
9. Gallery: "Run your business like a seasoned pro" (y 5846–6891px of 11612) · id sec_69e3d12a8729472689d8395b11dff061
10. Content: "You’re creating something to stand the test of…" (y 6890–7139px of 11612) · id sec_c4abf4979aa14e04b48ad4d246d1bfe2
11. Content: "300K+" (y 7139–7339px of 11612) · id sec_3f4500df29d54140877f19c565e6af7d
12. Content: "Standard protection stops short. Mercury goes…" (y 7339–8083px of 11612) · id sec_ce972a306a89482c8fc96685f7274683
13. Content: "Mercury in the spotlight" (y 8084–8705px of 11612) · id sec_acc0c7f0f14c4940bb449d86ffacd446
14. Content: "Banking – redesigned from the ground up" (y 8705–9363px of 11612) · id sec_6fac4d5ea4954843a6543ed1fc80ae2b
15. Content: "Content" (y 9492–10401px of 11612) · id sec_00e418636d0748118d9beb3d9553830d
16. Footer: "Footer" (y 10401–11612px of 11612) · id sec_2847aba3f43941ec9bba52dca8c8e7b6

## Design tokens

- Colours: #171721 (background), #EDEDF3 (text), #5266EB (accent), #C3C3CC (muted), #272735 (surface)
- Fonts: arcadiaDisplay (display), arcadia (body)
- Corner radius: 4px
- Spacing: 112px
- Export: https://designly.sh/p/mercury/tokens.css · https://designly.sh/p/mercury/tokens.json · https://designly.sh/p/mercury/tokens.tailwind.css

## Images

- Desktop (1440×11612): https://designly.sh/media/captures/cap_7b3cfa0f160d4ca4ab66effe4cd3ec25/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_7b3cfa0f160d4ca4ab66effe4cd3ec25/mobile.webp
- Captured: 2026-10-19

## Related

- [Laravel, Home](https://designly.sh/p/laravel.md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/desktop.webp
- [Attaboy, Home](https://designly.sh/p/attaboy.md) — Bars & breweries · Home · Squarespace · New York, NY, US · styles: minimal, rounded, dark · image: https://designly.sh/media/captures/cap_d570d1a26a734423847197299e18f558/desktop.webp
- [Cursor, Home](https://designly.sh/p/cursor.md) — AI products · Home · Custom code · styles: minimal, bold, editorial · image: https://designly.sh/media/captures/cap_1d95169e1ec74c498d76bac820b0f4e0/desktop.webp
- [Hart Bageri, Home](https://designly.sh/p/hart-bageri.md) — Cafés & bakeries · Home · WordPress · Copenhagen, Denmark · image: https://designly.sh/media/captures/cap_ac14150a8c404780b2076b398b8ba31f/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.