Lumen // 01
Digital Product Design
End-to-end design of web and mobile products, from problem definition to shipped, measured interfaces.
Division 04 · Design
Products, interfaces and visual systems people can actually use.
Lumen · Design
From structure to surface
Research fixes the structure first. The interface is then built on the design system, so what is tested is what ships. Drag to compare.
Fleet overviewSchedule service
Vehicles active412
Service due18
Exceptions3
VehicleLocationStatus
4821Depot 03Service due
1177Route 118Geofence exit
2094Depot 01On schedule
WireframeInterface
Drag to compare
Type system
- Display 1Alliance No.2 · 500 · 40 to 76 px · -0.025em
- Display 2Alliance No.2 · 500 · 32 to 52 px
- Display 3Alliance No.2 · 500 · 24 to 34 px
- BodyInterfaces are built on the same object model the engineers implement, so screens reflect real workflows rather than a guessed version of them.Alliance No.1 · 400 · 16 px · 1.65
- LabelSemantic layer · 01Apercu Mono · 500 · 11 px · 0.14em
Component sheet
The components on this site are the ones we ship to clients: tokens in CSS, components in code, documented states.
button / primary + secondary
field / text
rule and eyebrow
Semantic layer · 01
card / object
Object cardVehicle 4821Depot 03 · Service due in 6 days
toggle
type / display + body
AaAlliance No.2 · Alliance No.1 · Apercu Mono
Services
Digital product design, UX research, UI and design systems, and graphic illustration for products and advertising, all grounded in how the underlying system works.
Lumen // 02
UX Research and Design
Evidence about how people actually work, turned into experiences that fit.
Lumen // 03
UI Design and Design Systems
Interfaces and the reusable systems behind them, so every surface stays consistent as the estate grows.
Lumen // 04
Graphic Illustration and Advertising Creative
Illustration, visual assets and campaign creative produced within the brand system, not beside it.
The Operational Model
Research feeds the semantic layer with how people actually work. Product and interface design shape the kinetic layer, the actions users take. Design systems keep every surface consistent as the estate grows.
Services / The Operational Model