Travel
2024
Northpier — Booking flow
Checkout time 3:40 to 1:05
Systems
2025
Ledgerloop — Design system
212 components, one source
Client
Ledgerloop
Role
Design systems lead
Timeline
12 weeks
Platform
Web, React
01 / The brief
Four product teams, four button styles, and nobody sure which one was right.
Ledgerloop makes accounting software for small companies. Fast growth had left it with three component libraries and a Figma file per team.
Engineering wanted one source of truth. Design wanted to keep moving. The brief was to give both what they asked for.
02 / The approach
Audit first, tokens second, components last.
I counted before I designed: 61 greys, 14 button variants, 9 modal patterns. The audit made the case better than any presentation could.
Tokens shipped in week four and reached production before a single new component did. Each component then landed with usage notes written for engineers.
03 / The outcome
212 components, documented, in one library that all four teams use.
New screens are assembled about 40% faster, measured across two release cycles.
The question of where a component lives has disappeared from the team's chat. That was the real goal.
212
Components in one library
40%
Faster screen assembly
61 to 9
Greys in the palette
Client quote
“The design system paid for itself in one quarter. Engineers stopped asking where things live.”
Priya Raman
CTO, Ledgerloop