industrial-brutalist-ui

Architect industrial brutalist UI designs with grid-based layouts and CSS/SVG effects.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill industrial-brutalist-ui-har5ha-7663
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/HAR5HA-7663/Claude-Skills/tree/main/industrial-brutalist-ui
Command: npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill industrial-brutalist-ui-har5ha-7663

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organizations often need dashboards that convey dense data without sacrificing tactile, mechanical aesthetics. This Skill provides a design system that combines rigid grids, extreme typographic contrast, and analog degradation to deliver high-clarity interfaces suitable for data-heavy dashboards, portfolios, or editorial sites with an industrial feel.

Core Features & Use Cases

  • Rigid grid systems and visible compartmentalization that enforce precise layouts for data-heavy panels.
  • Macro-typography and micro-typography guidelines that create strong visual hierarchy while preserving legibility.
  • Color systems and post-processing techniques (halftone, CRT scanlines) to evoke industrial or military terminal aesthetics.
  • Use Case: build dashboards that resemble declassified blueprints or operational telemetry interfaces for dashboards, data portals, or editorial projects.

Quick Start

Initialize a grid-based UI using the chosen Brutalist mode (Swiss Industrial Print or Tactical Telemetry), apply macro typography at large scales, enforce strict borders and ASCII framing, and layer halftone or scanline effects for the final look.

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 industrial UI dashboards for dense data visualization?

Design brutalist data dashboards by applying rigid grid-based layouts, strict macro-typography, and constrained color palettes to enforce precise compartmentalization for data-heavy panels with mechanical precision and tactile aesthetics.

What is brutalist design and how does it apply to data dashboards?

Brutalist design for data dashboards combines rigid grids, extreme typographic contrast, and analog degradation effects like halftone and CRT scanlines to deliver high-clarity interfaces suitable for data-heavy portals or editorial projects.

Can I use CSS and SVG techniques to add CRT scanlines and halftone effects to my web interfaces?

Yes, you implement CSS and SVG techniques to layer halftone patterns and CRT scanlines onto web interfaces. These post-processing effects evoke industrial or military terminal aesthetics for tactile declassified looks.

Does this brutalist UI approach work for editorial interfaces and portfolios?

Yes, this brutalist UI approach works for editorial interfaces and portfolios that require dense data visualization alongside a tactile, declassified look. It enforces strict borders and grid-based layouts suitable for data-heavy presentations.

What's the best way to establish visual hierarchy in a tactical telemetry interface?

Establish visual hierarchy in tactical telemetry interfaces by applying macro-typography and micro-typography guidelines at large scales. This creates strong visual hierarchy while preserving legibility across dense data panels and operational displays.