What problem does it solve?
Provides a rigorous design and engineering blueprint to build industrial-brutalist user interfaces for data-heavy dashboards, telemetry displays, and editorial presentations where conventional UI patterns fail to convey mechanical precision and high information density.
Core Features & Use Cases
- Prescriptive Typography & Scale: Detailed rules for macro (heavy sans) and micro (monospace) typography, casing, tracking, and fluid clamping to achieve extreme typographic hierarchies.
- Deterministic Grid & Layout: CSS Grid-first layout guidelines, visible compartmentalization, strict 90-degree geometry, and rules against modern visual softness (no border-radius, no gradients).
- Textural & Analog Effects: Techniques for halftone dithering, CRT scanlines, and mechanical noise via CSS and SVG to simulate printed or hardware displays.
- UI Components & Symbology: Guidance for utilitarian UI elements (ASCII framing, registration marks, unit IDs) suitable for telemetry interfaces, dashboards, and declassified blueprint aesthetics.
- Use Case: Ship a high-density operational dashboard for telemetry and diagnostics that reads like an engineered blueprint with clear alerting via hazard-red accents.
Quick Start
Design an industrial-brutalist telemetry dashboard using a strict CSS grid, uppercase heavy sans for headers, monospace micro-typography for data, and hazard-red accents with optional halftone and scanline filters.
