Opsi, Tramm & ORBIT

One family design system for a logistics technology company and its two product brands

Brand architecture · Design system · Tokens · Iconography

Client

Opsi Systems, with Tramm TMS and ORBIT

Sector

Enterprise Transportation Technology

Location

Johannesburg, South Africa

The problem

Opsi Systems sells two products, Tramm TMS and ORBIT, with three separate websites (opsisystems.com, tramm.global, orbit3.co) that had grown apart: different corners, buttons, spacing and voice. The products read as unrelated companies, and the parent brand got lost.

If three brands share one base and only differ in logo, ground and accent, every new page, deck or product screen stays on-brand without a designer in the loop.

The work

What I did

Brand architecture: Opsi as the parent, Tramm and ORBIT as product brands, tied together with a small "by opsi." endorsement instead of old text credits.
One shared base: the same type scale (Raleway, DM Mono for data), the family corner (a small top-left cut), one button rule, spacing and components for all three.
Six themes: each brand gets a home ground and its opposite (Opsi navy and white, Tramm turquoise and white, ORBIT white and deep blue), with every text pair at 4.5:1 or better.
The dot as the thread: the full stop from the Opsi wordmark starts every eyebrow in every brand.
Iconography and voice rules for new icons, imagery, patterns and copy across the family.

The story