Design tokens
Colour, type, spacing, and motion tokens compile from Figma into the web and presentation systems.
Autonomous Drone Robotics Lab
Engineered an end-to-end tactile design system, investor pitch visual collateral, and high-frequency flight telemetry web interface.

Measured impact
$8.5M Raised
Series A Deck
60+ Custom UI
Components
2.4x Faster
Design Velocity
The robotics lab had breakthrough hardware but an inconsistent identity and no shared interface language across investor materials, operator tools, and the public site.
A token-driven design system powers a component library, presentation templates, and the telemetry console from one source of truth. Figma tokens compile into CSS variables, while WebGL telemetry views stay readable at high refresh rates.
Colour, type, spacing, and motion tokens compile from Figma into the web and presentation systems.
Accessible primitives cover marketing pages, dashboards, and investor collateral.
Streaming flight data rendered with WebGL and SVG, optimised for glanceable operator decisions.
Narrative, typography, and visual language documented for internal and external teams.
Tech stack
“The system made a deeply technical company look and feel coherent. Our deck, product, and operator console finally told the same story.”
Ayesha Siddiqua
Head of Product, Autonomous Drone Robotics Lab
Share your current constraints and we will map a 30-day execution plan with the same senior engineers who delivered this build.