A pure-black, fullscreen WebGL stage where one proprietary grotesque carries the whole interface in white — no chrome, no shadow, no rounding. All colour and depth live inside the rendered experience.
Monochrome by construction: an absolute-black canvas with a single white ink dimmed by opacity into a full greyscale ramp. Saturated colour lives only inside the WebGL scenes.
The brand face is NB Architekt Std (Neubau) — a technical, blueprint-grade grotesque in Light / Regular / Bold. It is proprietary, so this showcase substitutes the nearest Google face, Space Grotesk. Visible type on the live site is composed in WebGL, so sizes here express the brand's voice rather than measured DOM values.
Work is shown as edge-to-edge media tiles with hard corners. On the live site the hover state is a WebGL transition; here it is approximated with a white border-on-hover.
An 8px rhythm with very generous negative space — content floats in a vast black field framed by large margins.
Sharp by default. There is no radius in the verifiable styles; full is reserved for the pill-shaped progress bar and circular markers.
There are zero box-shadows in the system. Separation is achieved with 1px hairlines and lifted near-black surfaces; real depth is produced inside the 3D scene, never with CSS.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Canvas fills viewport; navigation collapses to gesture / drag inside the stage. |
| Tablet | 768–1023px | Same single canvas; touch-driven transitions, larger tap targets. |
| Laptop | 1024–1279px | Pointer + wheel navigation; corner-anchored UI labels appear. |
| Desktop | ≥ 1280px | Full immersive stage with maximum negative space around centred content. |
No breakpoint grid. The DOM is three elements deep with overflow:hidden and touch-action:none — the WebGL runtime re-composes the experience internally at any viewport, so there is no CSS layout to collapse.
Sample content — Active Theory has no pricing page. These tiers translate the studio model into the component pattern.
Sample content demonstrating the data-table pattern in the dark system.
| ID | Client | Discipline | Status | When |
|---|---|---|---|---|
| AT-418 | WebGL · Narrative | Shipped | 2025 | |
| AT-410 | Meta | WebXR · Immersive UI | Shipped | 2025 |
| AT-405 | Sonic | Real-time 3D | In build | 2026 |
| AT-399 | Internal | R&D · Shaders | Experiment | 2026 |
| AT-392 | Nike | Launch experience | Shipped | 2024 |
Sample content demonstrating the auth-form pattern in the brand's dark, square-edged language.