industrial-brutalist-ui

Generate industrial brutalist web interfaces with strict grids and monospace data.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delivers highly dense, mechanical UIs that communicate complex telemetry and data-rich dashboards without relying on conventional consumer aesthetics.

Core Features & Use Cases

  • Rigid modular grids, extreme typographic scale, and a utilitarian color palette for high data density.
  • Supports two archetypes (Swiss Industrial Print and Tactical Telemetry) with a single-mode constraint per project, suitable for dashboards, control panels, portfolios, and editorial layouts.
  • Ideal for editorial, industrial dashboards, or portfolios that require a declassified-blueprint vibe with post-processing effects like halftones and CRT scanlines.

Quick Start

Prototype a brutalist UI by using a fixed grid, a heavy grotesque font, and halftone plus CRT scanline effects.

Frequently Asked Questions about industrial-brutalist-ui

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

FAQPage Schema
How do I build a dense telemetry dashboard with a brutalist UI?

Build a dense telemetry dashboard by applying a fixed modular grid, monospace typography, and a utilitarian color palette to enforce high data density and mechanical legibility. It enforces strict grids and ASCII framing for complex control data.

What is industrial brutalism in web interface design?

Industrial brutalism in web interface design is an aesthetic approach that presents telemetry data using rigid grids, extreme typographic scale, and monospace fonts. It avoids conventional consumer aesthetics in favor of a utilitarian, mechanically precise layout.

Can I apply CRT scanline and halftone effects to analytics dashboards?

You can apply CRT scanline and halftone effects to analytics dashboards through optional post-processing. These effects generate a declassified-blueprint vibe over the rigid modular grid and monospace data layout.

Does this brutalist design system support multiple visual styles per project?

This brutalist design system supports only a single visual archetype per project. You choose between the Swiss Industrial Print or Tactical Telemetry archetype to maintain a strict single-mode constraint throughout the interface.

When should I use an industrial brutalist layout for editorial sites?

Use an industrial brutalist layout for editorial sites when you need to present data-rich content with a declassified-blueprint aesthetic. It is ideal for portfolios and editorial layouts requiring extreme typographic scale and strict grid organization.

What is the best way to prototype a brutalist UI for control panels?

The best way to prototype a brutalist UI for control panels is to start with a fixed grid, apply a heavy grotesque font, and layer halftone plus CRT scanline effects. This creates a mechanically precise layout for high data density.