Phase 4 Visual Design Discipline
Signal vs. Context (§6.2)
- Signal glows: active alerts, prediction polygons, telemetry pulses
- Context does not: basemap, terrain, vegetation
Bloom intensity is tuned against this rule. SSAO deepens valleys without pulling the eye from the alert layer.
Transition Discipline
| Action | Duration |
|---|
| Touch response | 120 ms |
| Micro-interaction | 240 ms |
| Scene change | 480 ms |
Colour Tokens
| Token | Hex | Use |
|---|
| glacial-cyan | #7DD3FC | Primary accent, active layer |
| alert-amber | #F59E0B | Watch / warning |
| critical-red | #EF4444 | Critical alerts |
| neon-teal | #14B8A6 | System OK |
| deep-void | #0A0A0A | Background |
| graphite | #1F2937 | Borders |
All foreground/background pairs are WCAG 2.2 AA verified. Severity is also encoded via icon shape and text label — never colour alone.
Typography
- Inter — UI, body
- JetBrains Mono — telemetry, coordinates
- Space Grotesk — display headings
| Metric | Target |
|---|
| Lighthouse Performance | ≥ 90 |
| Lighthouse Accessibility | ≥ 95 |
| LCP on 4G mid-tier | < 2.5 s |
| TBT | < 200 ms |
| CLS | < 0.1 |
| Initial JS bundle (gzip) | ≤ 350 kB |
| Sustained 3D fps (M1 baseline) | ≥ 55 |