Copilot Money

The reference for a near-black fintech canvas (#000814) where 3D glossy candy-colour category pills tumble at jaunty angles behind a giant bold-grotesque headline, with a single signal blue (#1c6cff) as the only CTA.

Fintech flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: Jokker
body: Matter Variable Thin
mono

Do / Don't

Reference it for

Near-black navy canvas (#000814 over #010d1e) that reads as dark but warmer than pure black, all the colour energy reserved for the floating tags
Oversized bold grotesque headline (~148px on desktop) given authority by sheer scale, set in a tight two/three-line stack with a full stop closing it
A parade of 3D glossy neomorphic category pills (GROCERIES, HOME, BABY, WEDDING, DANCING) rotated at varied angles, each a saturated candy colour with a small emoji and inset gloss highlight
Saturated tag palette as the only chroma: coral #ff4433, lime #00cc4b, tangerine #ff8833, hot pink #ff33aa, violet #9019e6, slate #5c6f8a
Single vivid CTA blue #1c6cff used twice (logo mark + Get started pill) and nowhere else, so the action is unmissable on the dark plane
Inset-shadow elevation instead of drop shadows: surfaces feel pressed into the dark plane (rgba(255,255,255,0.08) 4px 4px 8px inset stacks)
Centred hero composition with subheading at ~24px in muted fog grey (#999ca1) and a pill-radius (16px) primary button
Award-laurel social-proof strip along the footer edge (Apple Design Awards Finalist, Editor's Choice) in low-contrast monochrome

Do not copy

The Copilot Money paper-plane logo mark and wordmark
The exact emoji-on-pill category labels (GROCERIES, BABY, WEDDING, DANCING) as a literal set
The signature tumbling 3D glossy pill motif as a whole composition (it reads as Copilot's identity)
The award-laurel badges (Apple Design Awards Finalist, Editor's Choice, Must-Have Finance Apps)
Brand copy lines like 'Your money, beautifully organized.'
The signal blue #1c6cff as a verbatim brand accent