industrial-brutalist-ui

Build a brutalist telemetry interface by applying a strict CSS grid with visible borders and zero border-radius. Enforce high-contrast macro and micro-typography for data readouts, then layer CRT scanline and halftone post-processing textures to achieve the mechanical aesthetic.

A high-density control room interface requires a dual macro and micro-typography system. Use stark headers for extreme scale contrast and precise data readout fonts to ensure legibility across various viewport sizes within a rigid grid layout.

Apply CRT scanline, halftone, and dithering post-processing patterns to simulate hardware telemetry while preserving readability. The Skill enforces strict grid rigor and high-contrast color systems to ensure text remains legible beneath the visual texture overlays.

Yes, this brutalist approach applies directly to editorial tech portfolios, data-heavy dashboards, and command-center interfaces. The strict grid layout, ASCII framing, and stark typography deliver the required mechanical aesthetic for high-density information presentation.

Limitations of brutalist grid layouts include rigid structural constraints from visible borders and zero border-radius, which restrict fluid component shapes. The mandatory high-contrast color system and CRT texture overlays may also strain accessibility if not carefully calibrated.