Services

Design systems

Without a design system, the same decisions repeat on every screen: spacing, sizes, colours, behaviours, interactions. Each fix requires tackling one screen at a time. A design system resolves this by centralising and documenting these decisions in a way that can be understood by designers, engineers and AI agents. It includes reusable components with their states, tokens for colour, type, and spacing, and rules for when to use each.

What the work covers

Audit first

We inventory what the product uses today: every button, colour, type style and spacing value, including the one-offs. This establishes the real scope before anything is designed.

Tokens

Colour, type, spacing and radii defined as named values. Changing a token updates every component and screen that references it.

Components

Each component is documented with its states, content rules and edge cases: empty tables, long labels, failed saves, loading and error states.

Accessibility built in

Contrast, focus order and touch targets are specified in the component itself, to WCAG AA and AAA. This removes the need to audit accessibility screen by screen later.

Documentation your team will read

When to use each component, when not to, and what to do when none fits. Documentation sits alongside the component so it is read at the point of use.

Adoption

We migrate existing screens to the system together with your engineers. Adoption determines whether a design system is still in use a year later, so we stay through that phase.

How it runs

  1. Audit, then agree the scope

    We review the product and share the inventory with you, then agree which components and tokens to build first.

  2. Built against real screens

    Components are built for the screens that need them next, so the system is tested against real use rather than designed in the abstract.

  3. In your stack

    Figma libraries and tokens are structured to match your codebase. Where a system already exists in code, we extend it rather than replace it.

  4. In use before we leave

    Your team builds with the system while we are still engaged, so any gaps are identified and resolved before handover.

What it costs

Fractional is $4.2K a month, Full-time is $7.7K a month, and fixed-price projects start from $30K.

Selected work

See all work

UXBOX Company LTD

Vietnam’s first AI-powered platform for navigating legal and administrative procedures. Built for people, optimised for AI agents. Built to surface in AI answers and turn discovery into leads for registered professionals.

GoTeach Collective

GoTeach.vn is Vietnam’s first platform connecting private tutors and coaches with students. In just 3 months, we helped them validate their idea, design their brand, build the platform, and launch.

Invoicing.muWIP

Netch Digital

Invoicing.mu aims to become Mauritius’s leading e-invoicing SaaS in terms of user experience and seamless onboarding.

Other services

Where this sits in our product plan 

What is a design system?

The components, tokens and rules a product is built from, in one place, with the decisions written down: what a primary button is, what the spacing scale is, what happens to a table with no rows. Design and engineering then work from one source instead of keeping two.

Do we need one?

If the product has one screen and one designer, no. If new screens are slow because every detail is decided again, or the same component exists five times in code, the system pays for itself quickly.

How long does it take to build?

A working core takes weeks: tokens, the components a team actually reaches for, and the rules around them. Adoption across an existing product takes longer, and is the part worth planning for.

What do we get at the end?

A Figma library with tokens and components in their states, documentation next to each one, and the migrated screens we did with your engineers. All of it is yours and keeps working after the engagement ends.

Can you work with what we already have?

Yes, and we would rather. Starting again throws away the decisions your team has already made and creates a second system to keep in step with the first.

How much does a design system cost?

Fractional is $4.2K a month, Full-time is $7.7K a month, and fixed-price projects start from $30K. The pricing page states all three in your own currency.

Work with us

Book a discovery call

I want to discuss designs for our
The engagement I have in mind is