industrial-brutalist-ui

Construct web dashboards with Swiss typography and military terminal aesthetics.

1|Updated Jun 26, 2026
One-click install
npx skills add https://github.com/BenAIOS/benai-skills-main --skill industrial-brutalist-ui-benaios
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/BenAIOS/benai-skills-main/tree/main/plugins/design/skills/brutalist-ui
Command: npx skills add https://github.com/BenAIOS/benai-skills-main --skill industrial-brutalist-ui-benaios

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables the creation of robust, data-dense interfaces that mimic the aesthetics of Swiss typography and military terminals, ideal for dashboards and editorial sites needing a raw, mechanical feel.

Core Features & Use Cases

  • Swiss Industrial Print: Emulates corporate identity systems and machinery blueprints with high-contrast light modes and heavy typography.
  • Tactical Telemetry & CRT Terminal: Mimics military and aerospace interfaces with dark modes, tabular data presentation, and monospaced typography.
  • Typography Architecture: Offers macro-typography for headers and micro-typography for data, along with textural contrast using serif fonts.
  • Color System: Utilizes unbleached documentation paper backgrounds, carbon ink foregrounds, and aviation red accents.
  • Layout and Spatial Engineering: Adheres to CSS Grid architectures and visible compartmentalization with solid borders and horizontal rules.
  • UI Components and Symbology: Includes ASCII framing, industrial markers, and technical assets like crosshairs and barcodes.
  • Textural and Post-Processing Effects: Implements analog degradation effects like halftones, CRT scanlines, and mechanical noise.
  • Web Engineering Directives: Enforces grid determinism, semantic rigidity, and typography clamping for precise UI design.

Quick Start

Use the industrial-brutalist-ui skill to generate a high-contrast, mechanical UI dashboard based on Swiss and military aesthetics.

Frequently Asked Questions about industrial-brutalist-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a high-contrast dashboard using Swiss typography and military terminal aesthetics?

To design a high-contrast dashboard using Swiss typography and military terminal aesthetics, implement CSS Grid architectures, monospaced tabular data, and visible compartmentalization with solid borders. This creates a raw, mechanical feel for data-dense web interfaces.

What is the best way to create mechanical UI effects like CRT scanlines and halftones for web interfaces?

Creating mechanical UI effects like CRT scanlines and halftones involves applying analog degradation post-processing to your web interfaces. This technique uses CSS to mimic mechanical noise and screen distortion, delivering a raw, tactical telemetry aesthetic.

Does this industrial UI design approach support both light and dark modes for editorial sites?

Yes, this industrial UI design approach supports both light and dark modes for editorial sites. It adapts using high-contrast color palettes, such as unbleached documentation paper backgrounds for light mode and carbon ink for dark military terminal themes.

Can I use CSS Grid to build data-dense interfaces with macro-typography and micro-typography?

Yes, you can use CSS Grid to build data-dense interfaces with macro-typography and micro-typography. Grid determinism ensures precise layout spatial engineering, allowing heavy typography for headers and technical monospaced fonts for tabular data presentation.

What components are needed to build tactical telemetry dashboards with industrial markers and ASCII framing?

Building tactical telemetry dashboards with industrial markers and ASCII framing requires scripts, references, and assets. These components provide the technical symbology, crosshairs, barcodes, and typographic contrast necessary for aerospace and military interface aesthetics.

When should I not use industrial brutalist aesthetics for web dashboard design?

You should not use industrial brutalist aesthetics for web dashboard design when semantic rigidity and typography clamping conflict with your project's accessibility requirements. The high-contrast palettes and analog degradation effects may reduce readability for standard user interfaces.