04

2023

Spoor

Three passenger apps had drifted apart. Spoor brought them back to one set of components, tokens and writing rules.

Client

Spoor Regional Rail (fictional)

Role

Design systems lead

Team

4 designers, 8 engineers

Platform

Design system

Spoor design system documentation (fictional product)

Spoor design system button documentation. Mockup of a fictional product, replace with your own work.

3 → 1

component libraries

Example — replace

120

components documented

Example — replace

AA

contrast across all themes

Example — replace

The problem

Each app had its own buttons, colours and tone. Fixing one bug meant fixing it three times.

What I did

I audited every screen, ran a token workshop with engineering and wrote a short guide on how we write.

The result

One library, shared by all three apps, with accessibility checks built into review.

Spoor design tokens page (fictional product)
Spoor detail screen (fictional product)
Spoor research notes: before, insight, after

Next

Next project →

Moerbei

Moerbei order screen on two phones (fictional product)

Or, working on something similar?

Email hello@example.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.