industrial-brutalist-ui
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
Security Assessment
About industrial-brutalist-ui
The 'Industrial Brutalism & Tactical Telemetry UI' skill focuses on creating web interfaces that merge industrial aesthetics with technical functionality. It draws inspiration from Swiss typographic print and military terminal designs to build raw, mechanical user interfaces. This skill targets projects that require high data density and visual clarity, while rejecting conventional, consumer-oriented design patterns. By emphasizing structural precision, typographic rigor, and utilitarian visuals, it creates user experiences that are both functional and visually arresting, ideal for data-heavy environments like dashboards, portfolios, or editorial sites.
FAQ
What kind of projects is this UI design best suited for?
This UI design is ideal for data-heavy dashboards, portfolios, or editorial sites that need to project a raw, mechanical aesthetic. It is particularly suited for environments where high data density and precise, no-nonsense design are paramount.
Is this design style compatible with all browsers?
The design uses modern CSS techniques like fluid typography and custom fonts, which are supported by all major browsers. However, some effects like analog degradation may require additional testing for full compatibility across all devices.
Can I mix both Swiss Industrial Print and Tactical Telemetry styles in a single project?
No, the design system suggests picking only one style per project and committing to it throughout. Mixing the two would undermine the intended aesthetic and functionality of the interface.
Are there specific font requirements for this UI?
Yes, the UI requires the use of specific fonts: for macro-typography, options like Neue Haas Grotesk and Inter in bold weights are preferred, while for micro-typography, monospace fonts like JetBrains Mono or IBM Plex Mono should be used. These fonts contribute to the system's technical and mechanical feel.
Install industrial-brutalist-ui
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
leonxlnx/taste-skill