VESSEL, DISTANT

Brief

A brand and product system for a SaaS platform that needed to feel serious without feeling cold — the audience is operators, not hobbyists.

Materials

React
TypeScript
Tailwind
Storybook

Constraint

Ship a full design system and working product shell inside a compressed timeline, without leaning on a component library's default look.

Form

Cool steel and navy, condensed type for structure, a humanist body face for anything the user has to read closely. Data-dense screens treated like instrument panels, not dashboards.

Sign-in, quiet state

Reporting surface

Settings, typeset as inventory

Outcome

A design system with enough range to cover the full product roadmap, delivered as typed tokens the engineering team could adopt directly.

SIGNAL IN MIST