industrial-brutalist-ui

What problem does it solve? Designing data-heavy dashboards, portfolios, or editorial sites with a distinctive industrial character is difficult when default UI patterns produce generic consumer-grade results. This Skill provides a complete design system for building interfaces that fuse Swiss typographic print with military terminal aesthetics. ## Core Features & Use Cases - Dual Visual Archetypes: Choose between Swiss Industrial Print (light, paper-based) or Tactical Telemetry (dark, CRT terminal) modes with strict consistency rules. - Typographic Architecture: Implements extreme scale contrast with fluid macro-typography via CSS clamp() and monospaced micro-typography for data readouts. - Analog Degradation Effects: Applies halftone dithering, CRT scanlines, and SVG noise filters to simulate physical media. - Use Case: Build a data-dense aerospace dashboard with monospace telemetry readouts, hazard-red accents, visible grid compartmentalization, and scanline overlays that resembles a declassified military terminal. ## Quick Start Ask the AI to design a landing page or dashboard using the industrial brutalist style, specifying either the Swiss print or tactical terminal mode.