Services / Design Systems
Design Systems & Component Libraries
Turn a pile of screens into a system: tokens, components and rules that keep a growing product consistent.
What a system includes
- Colour, type, spacing and radius tokens
- Core components with states and variants
- Icon library aligned to the same grid
- Usage guidelines with do and do not examples
Who it is for
- Products with more than one designer or team
- Apps that have drifted visually over the years
- Companies moving to a new front end framework
- Teams preparing a white label or themed product
A system is only as good as its parts: consistent interface components, a unified icon library on one grid and mobile layouts that follow the same rules.
How a Design Systems project runs
- Brief and scope. We confirm what is in and out, and send a fixed quote for the first phase.
- Structure. Lists, flows or sketches, agreed before visual work begins.
- Design rounds. Two rounds of feedback per phase, in Figma comments.
- Handoff. Final files, exports and a walkthrough. Questions during the build are answered.
The same four steps apply to every service. Read the full design process for what we need from you at each stage.
Questions
Do you build the coded components?
We design and document them in Figma and can pair with your front end team while they are built.
Can you start from our existing UI?
That is the usual starting point. We inventory what exists, merge the duplicates and name everything.
Often paired with
App UI DesignInterfaces for desktop software, SaaS dashboards and web apps that feel clear on day one and still make sense after a year of feature creep.Icon DesignCustom icon sets for apps, software toolbars, websites and design systems.Mobile UI DesigniOS and Android app screens, plus interfaces for devices with unusual screens: kiosks, in car systems, TVs and wearables.
Have a product that needs a sharper interface?
Tell us what you are building. You get a reply with questions, a rough timeline and a quote range within two business days.