Copilot Money — Hero
Copilot Money is a personal finance assistant for tracking accounts, spending, and investments automatically in one place. The landing page features a bold centered headline with colorful category badges (Home, Groceries, Baby, Wedding, Dancing) scattered across a dark navy background, emphasizing visual organization and ease of use. A navigation bar at top includes Features, Pricing, and Reviews links, with Get started CTAs in two locations (top-right and center).
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/copilot-money-3d-pill-cluster-hero-with-serif-headline.
Measured spec
| Scheme | dark |
| Background | #010C1D |
| Text | #8E9AB7 |
| Contrast | 6.96 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.271 |
| Measured size | 1600×1065 px |
Palette
#0E0B1F#7C5CFF#F2F0FF#3FD27A
Fonts
Jokker MediumMatter Variable Thin
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarBadge
Context
- Parent page: Copilot Money fintech landing with 3D pill-cluster hero and dark feature bento grids
- All of Copilot Money
Other sections on this page
- Logo Wall — Awards and press laurel strip
- Feature — Centered 'Navigate your finances with confidence' statement
- Gallery / Showcase — Cross-platform app screenshot showcase
- Bento Grid — 'Track your spending' feature bento
- Bento Grid — 'Grow your wealth' light-panel bento
- Pricing / Plans — Single-price block with billing toggle
- Testimonial / Social Proof — Masonry testimonial wall
- CTA / Sign-up — 'Gain peace of mind' closing CTA with device mockups
- Footer — Link footer with 3D pill decoration strip