← All projects

UI design · Design system

Product design system

A software company was shipping four products that all looked and behaved differently. We audited every screen, defined a single design language — colour, type, spacing, states, accessibility rules — and delivered it as a documented component library their engineers build from. New screens now take days instead of weeks.

Client project · delivered by Artesys
Product design system interface

120+

documented components

AA

accessibility baseline

3x

faster screen delivery

What we did

  • UI audit across four existing products
  • Colour, typography and spacing system
  • Accessible component specifications
  • Coded component library and documentation
  • Team handover and design reviews

Stack

FigmaReactTypeScriptTailwind CSSStorybook

One visual language

Tokens for colour, type, spacing and elevation that every product shares.

Accessible by default

Contrast, focus states and keyboard behaviour specified for each component.

Code and design in sync

The design library and the coded components ship from the same source of truth.

Written guidance

Usage rules and do/don't examples so new team members apply it correctly.

More of our work

Want something like this?

Tell us what you're building and we'll map the fastest honest route to launch.

Book a consultation