industrial-brutalist-ui

Design industrial brutalist user interfaces with strict grids and monospaced telemetry elements.

Updated Jun 30, 2026
One-click install
npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill industrial-brutalist-ui-festo-wampamba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Festo-Wampamba/Claude-Features/tree/main/skills/brutalist-skill
Command: npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill industrial-brutalist-ui-festo-wampamba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design web interfaces that feel industrial, tactical, and high-density instead of generic or polished, making dashboards, portfolios, and editorial pages look intentionally engineered.

Core Features & Use Cases

  • Swiss Industrial Print Mode: Use strict grids, bold sans-serif typography, and light paper-like palettes for blueprint-inspired layouts.
  • Tactical Telemetry Mode: Build dark terminal-style interfaces with monospaced data, scanlines, framing glyphs, and HUD-like structure.
  • Analog Degradation and Rigidity: Add halftones, dithering, visible borders, and hard 90-degree geometry to preserve the brutalist aesthetic across sections, dashboards, and telemetry panels.

Quick Start

Ask for an industrial brutalist interface design for your page and specify whether you want the Swiss print mode or the tactical telemetry mode.

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 brutalist UI dashboard with telemetry data?

Build a tactical telemetry dashboard using rigid grid layouts, monospaced data elements, and dark terminal-style interfaces with scanlines and HUD-like framing. Extreme type scale contrast and simulated analog degradation effects preserve the high-density industrial aesthetic across telemetry panels.

What is industrial brutalist web design and when should I use it?

Industrial brutalist web design uses strict grids, bold sans-serif typography, and utilitarian palettes to create intentionally engineered interfaces. It is used for dashboards, portfolios, and editorial pages that need a blueprint-like or terminal-like visual identity instead of a polished look.

How do I create a Swiss typography grid layout for a portfolio?

Create a Swiss typography grid layout by applying strict grids, bold sans-serif typography, and light paper-like palettes for blueprint-inspired layouts. This industrial brutalist approach uses hard 90-degree geometry and visible borders to maintain structural rigidity across portfolio sections.

Can I add CRT terminal scanlines and analog degradation effects to a web interface?

Add CRT terminal scanlines and analog degradation effects by applying dithering, halftones, and monospaced telemetry elements to dark terminal-style interfaces. These simulated analog degradation effects preserve the tactical visual identity across HUD-like telemetry panels.

What is the best way to structure a high-density tactical interface?

The best way to structure a high-density tactical interface is using strict grid layouts with extreme type scale contrast and utilitarian palettes. Combining monospaced telemetry elements with hard 90-degree geometry ensures the interface maintains a rigid, blueprint-like visual identity.

Does brutalist UI design require any specific frameworks or dependencies?

No, brutalist UI design does not require specific frameworks or dependencies. You can generate the strict grid layouts, bold typography, and tactical telemetry elements directly by specifying whether you want Swiss print mode or tactical telemetry mode for your interface.