# Plaid, Blog

Fintech · Blog · Custom code · San Francisco, USA
Live page: https://plaid.com/blog
On Designly: https://designly.sh/s/plaid/blog · JSON: https://designly.sh/s/plaid/blog?format=json
Site: [Plaid](https://designly.sh/s/plaid?format=md) (https://plaid.com)
Styles: corporate, type-led, geometric, light

## Why it works

Deep sky blue type on a white background establishes a professional tone, while the dark cyan cards create a rhythmic grid for article previews.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/plaid/blog#section-1) (y 0–95px of 3900) · image: https://designly.sh/media/captures/cap_2e8b11cf87044ff3aa7759941f1a9566/sections/0.webp · id sec_e660e2107011427593bf024758b10029
2. [Hero: "The latest from Plaid"](https://designly.sh/s/plaid/blog#section-2) (y 180–2606px of 3900) · image: https://designly.sh/media/captures/cap_2e8b11cf87044ff3aa7759941f1a9566/sections/1.webp · id sec_df90b5f223a948668fe49c72abba0daf
3. [Footer: "Footer"](https://designly.sh/s/plaid/blog#section-3) (y 2666–3900px of 3900) · image: https://designly.sh/media/captures/cap_2e8b11cf87044ff3aa7759941f1a9566/sections/2.webp · id sec_fcc0e995e5f3488898232b6d55e34952

## Design tokens

- Colours: #FFFFFF (background), #00172E (text), #012E37 (muted), #111111 (surface)
- Fonts: Plaid Sans (display), Cern (body)
- Corner radius: 6px
- Section padding: 80px
- Export: https://designly.sh/s/plaid/blog?format=tokens.css · https://designly.sh/s/plaid/blog?format=tokens.json · https://designly.sh/s/plaid/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Plaid

- [Home](https://designly.sh/s/plaid?format=md) — /
- [Careers](https://designly.sh/s/plaid/careers?format=md) — /careers
- [About](https://designly.sh/s/plaid/company?format=md) — /company
- [Pricing](https://designly.sh/s/plaid/pricing?format=md) — /pricing

## Related

- [Mercury, Blog](https://designly.sh/s/mercury/blog?format=md) — Fintech · Blog · Custom code · San Francisco, USA · styles: editorial, type-led, minimal, serif · image: https://designly.sh/media/captures/cap_577b62d001ae497b9906358aba30103c/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.