# Mercury, Blog

Fintech · Blog · Custom code · San Francisco, USA
Live page: https://mercury.com/blog
On Designly: https://designly.sh/s/mercury/blog · JSON: https://designly.sh/s/mercury/blog?format=json
Site: [Mercury](https://designly.sh/s/mercury?format=md) (https://mercury.com)
Styles: editorial, type-led, minimal, serif

## Why it works

Large tiemposHeadline type paired with Arcadia creates an editorial feel for a fintech blog. Near-black accents on a white background draw focus to the pill-shaped "Open account" button, while a dense grid of varied imagery provides immediate visual depth.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/mercury/blog#section-1) (y 0–72px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/0.webp · id sec_26d90ba92f944651a88bb4bba1d55747
2. [Hero: "Resources and inspiration for ambitious builders"](https://designly.sh/s/mercury/blog#section-2) (y 72–1136px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/1.webp · id sec_0fc08a18a3f745178593f3bc6a9231a0
3. [Newsletter: "Keep the insights coming"](https://designly.sh/s/mercury/blog#section-3) (y 1208–1498px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/2.webp · id sec_5ac3cfefcf1e4edab8cb58d76df06bf1
4. [Content: "Practical learnings, resources, and guides to…"](https://designly.sh/s/mercury/blog#section-4) (y 1498–1875px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/3.webp · id sec_0a7079a223654d4fa126a97b086e74d6
5. [Content: "What is materiality in accounting?"](https://designly.sh/s/mercury/blog#section-5) (y 1875–2608px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/4.webp · id sec_34828d25dcf64a37a690bc69ce930324
6. [Testimonials: "Bet-the-company ideas"](https://designly.sh/s/mercury/blog#section-6) (y 2608–3818px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/5.webp · id sec_168b45260435489bb750b61ddb3ddeb7
7. [Features: "Building marketplaces with Sara Mauskopf"](https://designly.sh/s/mercury/blog#section-7) (y 3818–4512px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/6.webp · id sec_3fccf0d4fd1444deadc3d85ee0b29bf7
8. [Content: "Company and product updates, plus glimpses…"](https://designly.sh/s/mercury/blog#section-8) (y 4512–4889px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/7.webp · id sec_b2694f8dd91042f4a3a0a4dbba17a466
9. [Content: "Mercury Annual Letter 2025"](https://designly.sh/s/mercury/blog#section-9) (y 4889–5681px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/8.webp · id sec_bd37da84044e4ab5b24e80f686e7827b
10. [Gallery: "Introducing Mercury Payroll"](https://designly.sh/s/mercury/blog#section-10) (y 5681–6080px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/9.webp · id sec_0bdbe44129224ff89476450af05fac7d
11. [Content: "Explore all topics"](https://designly.sh/s/mercury/blog#section-11) (y 6080–6845px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/10.webp · id sec_e563321db5df42d18db9b8ebbd6e0e08
12. [Content: "Content"](https://designly.sh/s/mercury/blog#section-12) (y 6844–7809px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/11.webp · id sec_3f0f7e9d53244e019cc6641fff614430
13. [Content: "Disclaimers and footnotes"](https://designly.sh/s/mercury/blog#section-13) (y 7809–8152px of 8152) · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/sections/12.webp · id sec_66ef5d854a7949abb08e11f06ed20e9c

## Design tokens

- Colours: #FBFCFD (background), #535461 (text), #272735 (accent), #181623 (surface), #000000 (surface-2)
- Fonts: tiemposHeadline (display), arcadia (body)
- Corner radius: 9999px
- Section padding: 72px
- Export: https://designly.sh/s/mercury/blog?format=tokens.css · https://designly.sh/s/mercury/blog?format=tokens.json · https://designly.sh/s/mercury/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×8152): https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/mobile.webp
- Captured: 2026-10-26

## Other Pages of Mercury

- [Home](https://designly.sh/s/mercury?format=md) — /
- [About](https://designly.sh/s/mercury/about?format=md) — /about
- [Careers](https://designly.sh/s/mercury/jobs?format=md) — /jobs
- [Pricing](https://designly.sh/s/mercury/pricing?format=md) — /pricing

## Related

- [Plaid, Blog](https://designly.sh/s/plaid/blog?format=md) — Fintech · Blog · Custom code · San Francisco, USA · styles: corporate, type-led, geometric, light · image: https://designly.sh/media/captures/cap_2e8b11cf87044ff3aa7759941f1a9566/desktop.webp
- [Family, Blog](https://designly.sh/s/family/blog?format=md) — Fintech · Blog · Custom code · styles: type-led, light, minimal, rounded · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/desktop.webp
- [Column, Blog](https://designly.sh/s/column/blog?format=md) — Fintech · Blog · Custom code · San Francisco, USA · styles: minimal, corporate, type-led, light, bold · image: https://designly.sh/media/captures/cap_379dbbc231004a87ba3f85093e5c63bb/desktop.webp
- [Wise, Blog](https://designly.sh/s/wise/gb/blog?format=md) — Fintech · Blog · Custom code · London, UK · styles: type-led, bold, corporate, rounded · image: https://designly.sh/media/captures/cap_555a4cdc20434a20ac056af439cf9baa/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.