0
1
0
1
2
3
4
5
6
7
8
9
0
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
%
Case Study

Orbit Labs

Orbit grew fast and its products drifted apart. We pulled them back together mid-flight.

Orbit Labs - Console interface - Agnira Studio
The problem

Orbit needed one language.

React, Vue, and a static site generator meant one visual language and three implementations. The audience reads source, so anything decorative and unjustified would be noticed. And the rollout had to be incremental, with old and new coexisting for months.

Services

  • UX/UI,
  • Design System,
  • Motion,
  • Development
Orbit Labs - Documentation - Agnira Studio
Orbit Labs - Marketing site - Agnira Studio
Orbit Labs - Token system - Agnira Studio
What we did

The system ships as code.

Tokens are the contract, published as a package all three stacks consume, so a change lands everywhere at once. Each surface adopted it incrementally behind a flag, which let the migration run for months without a single feature freeze.

Orbit Labs - Component library - Agnira Studio
Orbit Labs - Dark mode - Agnira Studio
What we learned

Fragmentation is organisational.

Unifying three products built by three teams over four years was never really a design problem. Documentation density was solved with a strict vertical rhythm shared by prose, tables, and code.

Orbit Labs - Motion spec - Agnira Studio
Orbit Labs - API reference - Agnira Studio
Orbit Labs - Mobile - Agnira Studio
Orbit Labs - Platform overview - Agnira Studio
Next Case
Next projectMeridian Hotel
Meridian HotelMeridian Hotel - Agnira StudioMeridian HotelMeridian Hotel - Agnira StudioMeridian HotelMeridian Hotel - Agnira StudioMeridian HotelMeridian Hotel - Agnira Studio