UI and UX design systems

As a website or product grows, every new page is a chance to drift: a slightly different button, a new shade of blue, a heading that breaks the pattern. A design system gives your team one set of components and rules to build with.

An illustration of a man and a woman working alongside each other in a relaxed way

Keep it consistent as it grows

For the Cancer Research UK Cambridge Institute, we worked through more than 250 pages of brand guidelines and translated their graphic devices for screen. The result was a component system Rubber Cheese could build and the Institute's own team could grow.

In Webflow, we set up variables for colour, type and spacing alongside reusable components, so new pages are assembled from parts that already work.

An illustration of a woman interacting with a user interface and playing music

Components with rules

Every component comes with guidance on when to use it, so new pages stay on pattern.

Accessible by default

Colour, type and interaction states are checked against WCAG as the system is built, so every page made from it starts accessible.

How it works

0
1
2
3
4
5
01

Align on goals and success metrics

We get clear on what the website needs to achieve, who it needs to persuade, and what “good” looks like for your organisation.

02

Understand your audience and content

We review what you have, what you need, and what your audience is trying to do. Then we shape a plan for content and structure that supports their journey.

03

Design the experience and interface

We design key pages and patterns with UX and UI working together, so the site feels intuitive, consistent, and on-brand.

04

Build and refine

We produce the site with care, test across devices, and refine the details that affect clarity, accessibility, and conversion. We might use Webflow for less complex projects or bring in our partner to build the enterprise-level solution you need. We'll guide you to the right decision.

05

Launch with confidence

We help you go live with a site your team understands and can stand behind, with a foundation that is ready to evolve.

Bring order to your interface

Tell us where your site or product has started to drift.

Our 'why' & promise to you

Consistency is what makes an interface feel trustworthy. A design system makes it the default instead of an effort.

This work exists to help you show up online with clarity and confidence, with a website or product that supports your goals and respects your audience’s time.

You’ll get clarity before we touch the visuals

You will not be sold a design style first. We will earn the design through goals, audience needs, and message structure.

You’ll have an experience built around real journeys

You will get a site or product that guides people through the decisions they are trying to make, not a collection of screens that looks nice but feels confusing.

You’ll get craft in the details

You will get work that feels considered in the small things, from hierarchy and spacing to accessibility and mobile behaviour.

You’ll launch with confidence, not crossed fingers

You will know what is live, why it is live, and how it supports the next phase of growth.

"Just keep doing what you're doing, We love what you're doing"

Luke Langlands - Joint Chief Executive, TSC.

Our full list of Services

Consultancy
& Research

  • Competitor research
  • Customer journey mapping
  • Digital/web strategy
  • Usability testing
  • User research
  • User personas

UI/UX Design

  • UI & UX design system
  • Information architecture
  • Wireframing & prototyping
  • User flows & stories
  • Conversion rate optimisation
  • Accessibility
  • Mobile first design

Brand & Design

  • Creative direction
  • Brand assets creation
  • Brand identity system
  • Tone of voice
  • Brand purpose services
  • Brand values
  • Print design services
  • Design retainers
  • Video & motion graphics
  • Corporate presentations
  • Social asset creation

You're probably here because you have a project which you need our help with.

Get in touch and let's have a chat about it. We're always here & we can't wait to connect with you.

Tell us about you.

We just need a few details about you and we'll be in touch, very soon.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.