Case study · Design system · 2023
Kestro — one system for four products and thirty designers
Kestro unified the design language of a fast-growing logistics company. We turned 1,400 one-off components into a token-driven system that designers and engineers actually enjoy using.
Role
Design systems lead
Client
Kestro Logistics
Timeline
9 months · 2023
Team
3 designers · 4 engineers
01 — The challenge
Four products, four different languages
Kestro had grown through acquisitions. Its driver app, warehouse tool, customer portal and admin dashboard each had their own buttons, colours and spacing — 1,400 components in total, with 37 shades of blue.
Shipping a simple feature across products meant redesigning it four times. Designers spent more time matching styles than solving problems, and customers felt like they were using four different companies.
02 — Approach
Small core, strong foundations, real adoption
Step 01
Audit everything
We screenshotted every screen in all four products and grouped 1,400 components into 48 real patterns.
Step 02
Tokens first
Colour, type, spacing and radius tokens with light and dark themes, synced from Figma straight into code.
Step 03
Docs people read
Short usage guides, live examples and weekly office hours turned the system from a library into a habit.
03 — Inside the system
04 — Outcome
One language, shipped twice as fast
120
Components replacing 1,400 one-offs
2×
Faster from design to shipped UI
94%
Of new screens built with the system
“Kestro gave our teams a shared language. We stopped debating buttons and started shipping.”
Daniel Okafor · VP Product, Kestro Logistics
Next project
Ledger — Banking app redesign
→
© 2026 Alex Rivera