We built a complete design system for an early-stage fintech: visual identity, color palette, UI components and interactive prototypes ready for development.
A new fintech needed to convey security and modernity from a user's very first contact. They had no defined visual identity and no component system their dev team could implement consistently.
The technical team needed clear specs: design tokens, documented component variants and prototypes that acted as a single source of truth. Without that, each developer made visual decisions on their own, which led to an inconsistent interface.
Our goal was to build a complete design system that solved both problems: a visual identity that inspires trust and a component kit that speeds up development.
A fintech faces a design challenge of its own: it has to convey security (like a bank) but also accessibility and modernity (like an app). Striking that balance was our priority from day one.
We decided to build the design system before prototyping any screen. That let us define the palette, typography, components and interaction patterns as one coherent language the dev team could implement without ambiguity. Each component was designed across 3 breakpoints and documented with design tokens.
A palette that conveys financial trust. The deep blues communicate institutional security, while the lighter tones bring modernity and accessibility.
Sidebar, headers, main text
Primary buttons, links, accents
Backgrounds, surfaces, hover states
Each component was designed with clear variants, documented interactive states and consistent spacing tokens.
Buttons
Text field
Status badges
Metric card
The user's main panel brings the financial summary, quick actions and latest transactions into one unified view.
The identity verification flow was designed to minimize friction: clear steps, visible progress and direct actions.
The design system shipped as a versioned Figma library, with usage documentation for every component.
We build design systems that unify the visual experience and speed up your team's development.
Let's Talk