# Copilot Money, Home

Fintech · Home · Custom code
Live page: https://www.copilot.money/
On Designly: https://designly.sh/s/copilot-money · JSON: https://designly.sh/s/copilot-money?format=json
Site: [Copilot Money](https://designly.sh/s/copilot-money?format=md) (https://www.copilot.money)
Styles: dark, type-led, bold, geometric

## Why it works

Massive Jokker type on a deep navy background establishes a bold, high-impact presence for this fintech tool. Brightly colored, pill-shaped labels float around the headline to represent different spending categories, while Apple achievement badges sit immediately below the hero to build instant credibility.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/copilot-money#section-1) (y 0–141px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/0.webp · id sec_2b952366568d4c8e95be01df860bb8bf
2. [Hero: "Hero"](https://designly.sh/s/copilot-money#section-2) (y 141–1743px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/1.webp · id sec_607ac7df0baf4976bf2b4fc84c2264ac
3. [Content: "Available on iPhone, iPad, Mac, and Web"](https://designly.sh/s/copilot-money#section-3) (y 1737–2710px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/2.webp · id sec_810037bcc36d4e34aa485871d8e5c63e
4. [Pricing table: "Track your spending, boost your savings"](https://designly.sh/s/copilot-money#section-4) (y 2710–3740px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/3.webp · id sec_2484e05675304178b88fd4980a0bb34d
5. [Content: "Grow your wealth, track your progress"](https://designly.sh/s/copilot-money#section-5) (y 3740–4842px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/4.webp · id sec_97cc8f1b036b48b9bf502ae97a17a4a9
6. [Pricing table: "Honest and thoughtful pricing"](https://designly.sh/s/copilot-money#section-6) (y 4843–5721px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/5.webp · id sec_cd10e12ffcc04f978d89c78e683ebeab
7. [Reviews: "People love Copilot Money"](https://designly.sh/s/copilot-money#section-7) (y 5721–7332px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/6.webp · id sec_374c3eb8821e466abf030bd3bdfe4d08
8. [Content: "Gain peace of mind"](https://designly.sh/s/copilot-money#section-8) (y 7332–8212px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/7.webp · id sec_9c8097b022304c8e90da22451b68e510
9. [Content: "Content"](https://designly.sh/s/copilot-money#section-9) (y 8292–8521px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/8.webp · id sec_c6f4c11f92ea4655879bb57a7ee9f90e
10. [Logos: "Baby"](https://designly.sh/s/copilot-money#section-10) (y 8596–8777px of 8777) · image: https://designly.sh/media/captures/cap_8cd6dea5198b4e4297dabee6b1a2344a/sections/9.webp · id sec_5c26ca9c2d8745d0a7fe54ca86e88ca2

## Design tokens

- Colours: #000814 (background), #FFFFFF (text), #597CAA (accent), #00CC4B (surface), #FF4433 (surface-2)
- Fonts: Jokker Semibold (display), Matter Variable Thin (body)
- Section padding: 112px
- Export: https://designly.sh/s/copilot-money?format=tokens.css · https://designly.sh/s/copilot-money?format=tokens.json · https://designly.sh/s/copilot-money?format=tokens.tailwind.css

## Images

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

## Other Pages of Copilot Money

- [About](https://designly.sh/s/copilot-money/about?format=md) — /about
- [Careers](https://designly.sh/s/copilot-money/careers?format=md) — /careers

## Related

- [Robinhood, Home](https://designly.sh/s/robinhood/us/en?format=md) — Fintech · Home · Custom code · Menlo Park, USA · styles: dark, bold, type-led, corporate · image: https://designly.sh/media/captures/cap_eccc68f6556544fb945590a6c2d41cfc/desktop.webp
- [Public, Home](https://designly.sh/s/public?format=md) — Fintech · Home · WordPress · New York, USA · styles: type-led, serif, airy, corporate · image: https://designly.sh/media/captures/cap_50e2a85186314a7994665557ceb4f016/desktop.webp
- [Plaid, Home](https://designly.sh/s/plaid?format=md) — Fintech · Home · Custom code · San Francisco, USA · styles: type-led, corporate, tech, bold · image: https://designly.sh/media/captures/cap_891f8f58ee6c429795976d2a2d3c1b95/desktop.webp
- [Mercury, Home](https://designly.sh/s/mercury?format=md) — Fintech · Home · Custom code · San Francisco, USA · styles: dark, corporate, type-led, minimal · image: https://designly.sh/media/captures/cap_f278cdcaf77b40569dea5c92064866ae/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.