← The Studio · Internal

Orion MVP Prototype

A working prototype of the next-generation RocketRez platform — a clickable, animated, persona-themed surface that demos the Operator and Guest experiences side by side.

Stack

Frontend
Vite + React 18 + TypeScript
Styling
Tailwind CSS · Orion design tokens
Motion
Framer Motion
Shell
PWA · installable, offline-capable
Guardrails
ESLint lint:tokens rule + CI gate · 0 brand-drift violations

What it does

The prototype models two distinct themes — a light enterprise-SaaS Operator surface and a warmer Guest-facing surface — sharing one tokenized design system. Role-themed accents (Executive, Operations, Finance, F&B, Retail, Marketing) and loyalty-tier palettes are token-driven, so a tier or role can be re-skinned without touching components.

Includes screens for marketing-campaign composition, retail metrics, guest cohorts, scenario walkthroughs, and operator personas — all driven by mock data designed to look real enough for sales conversations.

Brand governance is built into the codebase: every color, font, and spacing value comes from a token; ESLint rejects raw hex codes; CI fails the build if drift creeps in. Took the codebase from 143 violations to zero in one pass.

Click-through tour, token reference, and the brand-governance writeup will live here.