R7M
Terminal system — An operator-terminal interface: a monospace grid, live telemetry and a HUD layer sitting over a WebGL scene.
DEMONSTRATION PROJECT — NOT DELIVERED CLIENT WORK
01
Problem
A data-dense control panel read like a spreadsheet in a browser — operators could not separate critical values from background noise.
02
Sistem
A type scale locked to a monospace grid, three levels of colour hierarchy, and a set of HUD primitives (brackets, rulers, scanlines) defined as tokens.
03
Isporuka
A documented component library, a WebGL layer held to a 16 ms frame budget, and Storybook coverage for every HUD primitive.
SPECIFICATION
- Frame budget
- 16 ms
- HUD primitives
- 24
- Tokens in the system
- 112
STACK●
Three.jsReact Three FiberGLSLTypeScript
NEXT PROJECT
SU-23Op-art campaign