Harbour: Mobile App for the British Neobank
A modern finance tool crafted for people who move fast and demand clarity. Every screen built with intention, every action effortless.
Service 05
Design Systems
Modular foundations that align teams, accelerate delivery and keep the brand intact long after the project ends.
A design system is not a file of buttons. It is the agreement between teams about how decisions get made. We build the components, the rules and the documentation so a brand stays coherent as products and people multiply.
What we build
What this engagement covers
- Brand & Product Design Systems
- Figma Libraries & Component Kits
- Style Guides for Digital & Print
- Design Token Architecture
- System Logic & Usage Documentation
- Scalable Brandbooks
- Accessibility Standards & Governance
- Team Enablement & Training
Outcomes
What you get
Every engagement is measured against these three outcomes, not against a deliverable list.
-
01
A single source of truth
One library that design, engineering and marketing all work from, so nothing gets rebuilt twice.
-
02
Time back in every sprint
Reusable components remove the rebuild loop, letting teams spend their hours on the work that is actually new.
-
03
Quality that holds
Governance and rules keep quality steady as the organisation grows and new designers join.
Process
How we deliver this service
The same four stages we use across brand, web and product work.
-
01
Research & Problem Discovery
We identify your real business challenges, constraints and goals before design begins. Strategy and research are invested in before a single pixel is placed.
-
02
Design Strategy & Concepting
We shape the solution early, aligning strategy and concept before moving into execution, so the first direction is the one you ship.
-
03
Scalable Design Logic
If a design does not work at scale, it does not work. We refine it until it does — with real content, real devices and real teams in mind.
-
04
Delivery & Supervision
We document the system clearly and oversee implementation, ensuring everything is built as intended and handed over ready to run.
Handover
What you receive
Everything is transferred with the documentation to run it without us.
- Figma component library with variants and states
- Code-ready component documentation
- Design token architecture (colour, type, spacing, elevation)
- Usage and logic documentation
- Accessibility guidance per component
- Contribution and governance model
Related work
Where this discipline shows up
A sample of the engagements where this work has been delivered end to end.
La Marine: Brand Identity, Strategy & Packaging
Where the ocean keeps its secrets, La Marine finds its power. A brand world inspired by a mythical ocean flower, turning deep-sea ingredients into timeless beauty.
New Codes: Where Web Meets Digital Couture
A digital fashion playground merging couture attitude with tech minimalism — fluid, modern and visually indulgent.
Questions
About design systems
What makes a design system actually work?
Adoption by real teams. A library nobody uses is just a file, so we build it with the teams who will maintain it and document the decisions, not just the components.
Can you start from our existing UI?
Yes. We audit what exists and consolidate it, keeping what works rather than throwing away working code.
Do you deliver the code components too?
We can. The Figma library, the token architecture and the front-end component package are delivered as one aligned set.
How long does a design system take?
A focused system for one product typically runs eight to twelve weeks. Multi-product organisations are phased, so value arrives early and compounds.
Keep exploring
Services that pair well with this one
UI/UX & Product Design
Software should feel obvious from the first tap. We design products where complex functionality reads as simple, grounded in real user behaviour and the actual…
Web Development
Design is only worth what it delivers. We build front-ends and solid architectures that scale fast without breaking — fast pages, clean markup, and a CMS your…
Brand Identity Design
A brand identity is not a logo file. It is the set of decisions that lets a company look like itself on every surface — from a pitch deck to a shipping box. We…
Next step
Ready to scope design systems?
Tell us where you are and where you want to be. An account manager will reply within one business day with a project outline.