What problem does it solve?
This Skill addresses the need for web interfaces that embody an industrial, mechanical design philosophy, blending Swiss typographic design with military terminal aesthetics for data-heavy dashboards and editorial sites.
Core Features & Use Cases
- Swiss Industrial Print Design: Incorporates high-contrast light modes, monolithic sans-serif typography, and unbleached documentation paper backgrounds.
- Tactical Telemetry & CRT Terminal: Features dark mode, high-density tabular data presentation, and monospaced typography with ASCII framing.
- Typographic Architecture: Offers extreme variance in scale, weight, and spacing with specific web fonts for headers and data.
- Color System: Utilizes uncompromising color palettes that simulate physical media or primitive emissive displays.
- Layout and Spatial Engineering: Adheres to strict CSS Grid architectures and rejects conventional web padding in favor of visible compartmentalization.
- UI Components and Symbology: Replaces standard web UI conventions with utilitarian, industrial graphic elements.
- Textural and Post-Processing Effects: Implements simulated analog degradation via CSS and SVG filters.
Quick Start
To initiate the creation of an industrial-brutalist UI, execute the 'industrial-brutalist-ui' skill and provide the necessary project parameters.