# Family, Blog

Fintech · Blog · Custom code
Live page: https://family.co/blog
On Designly: https://designly.sh/s/family/blog · JSON: https://designly.sh/s/family/blog?format=json
Site: [Family](https://designly.sh/s/family?format=md) (https://family.co)
Styles: type-led, light, minimal, rounded

## Why it works

Large Family headlines on a white background establish a clear editorial rhythm. Near-black text and 32px rounded buttons provide a soft, approachable feel for a fintech blog, while the black 'Get Started' button in the nav acts as the primary anchor.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/family/blog#section-1) (y 0–95px of 2633) · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/sections/0.webp · id sec_3c4ce17152764ca2a248619ec5da8d14
2. [Hero: "Blog"](https://designly.sh/s/family/blog#section-2) (y 95–605px of 2633) · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/sections/1.webp · id sec_0c5f937b407049518a0dafd2979b836b
3. [Content: "Content"](https://designly.sh/s/family/blog#section-3) (y 605–1863px of 2633) · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/sections/2.webp · id sec_2f1cd92218c642a4b5e8e6a6c74b67f0
4. [Call to action: "Explore Family"](https://designly.sh/s/family/blog#section-4) (y 1971–2317px of 2633) · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/sections/3.webp · id sec_bdb048bb49ff4fdaa09a2c456acfde0f
5. [Footer: "Footer"](https://designly.sh/s/family/blog#section-5) (y 2317–2633px of 2633) · image: https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/sections/4.webp · id sec_d25567a72c6f47b09bd85c9ed4a0e5f0

## Design tokens

- Colours: #FFFFFF (background), #474645 (text), #171717 (surface)
- Fonts: Family (display), Inter (body)
- Corner radius: 32px
- Section padding: 80px
- Export: https://designly.sh/s/family/blog?format=tokens.css · https://designly.sh/s/family/blog?format=tokens.json · https://designly.sh/s/family/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×2633): https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/desktop.webp
- Mobile (390×2957): https://designly.sh/media/captures/cap_7ead731b337042e6a36f7ffe8d6e591a/mobile.webp
- Captured: 2026-10-26

## Other Pages of Family

- [Home](https://designly.sh/s/family?format=md) — /
- [Services](https://designly.sh/s/family/faqs?format=md) — /faqs

## 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
- [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
- [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.