Capital Focus
Your money. In perspective.
The idea
Most money apps are built around accounts. Capital Focus is built around perspective: seeing how today's coffee, next year's home and the long-term portfolio relate to each other.
A digital banking brand from Vancouver, designed end to end: the identity, a seven-page website, a working app with a sample account and the design system that connects them.
What we did
Identity
The Aperture C: an open frame with a single point inside, a viewfinder that has found its subject.
Website
Editorial pacing on every page, recomposed for phones rather than shrunk, checked at 25 viewports.
Focus Pull
The signature interaction: a life scene pulls into focus while the goal card resolves the number.
App
Overview, transactions, goals, investing and card controls on a sample account, right in the browser.
Design system
Colour, type, spacing, motion and iconography as Figma variables that mirror the code tokens.
Identity
Website
App and Focus Pull
Out in the world
Credits
- Tools
- Figma, Next.js, React and TypeScript
- Imagery and film
- Generated with AI (Higgsfield), with the real screens composited
- Quality
- In lab tests: 0 automated accessibility violations (axe-core) across 8 routes and a Lighthouse desktop performance score of 100
capital-focus.vercel.app (opens in a new tab)
Other projects
See all projects
