industrial-brutalist-ui

Design industrial brutalist web interfaces with rigid grids and telemetry styling.

Updated Jul 17, 2026
One-click install
npx skills add https://github.com/kartikkabadi/skills --skill industrial-brutalist-ui-kartikkabadi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/kartikkabadi/skills/tree/main/industrial-brutalist-ui
Command: npx skills add https://github.com/kartikkabadi/skills --skill industrial-brutalist-ui-kartikkabadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design interfaces that feel mechanical, disciplined, and visually commanding instead of generic or overly polished. It is useful when a product needs a strong industrial identity, dense information hierarchy, and a deliberate rejection of soft consumer UI trends.

Core Features & Use Cases

  • Two Distinct Visual Modes: Create either Swiss industrial print layouts or tactical telemetry terminal interfaces, and commit to one mode for the whole project.
  • Typography-Driven Structure: Use oversized structural headlines, compact monospace data text, and sparse serif disruption to create hierarchy and tension.
  • Rigid Layout Systems: Build with strict grids, visible compartments, hard edges, and data-dense panels for dashboards, portfolios, editorial pages, or control-room style products.
  • Atmospheric Degradation Effects: Add scanlines, halftones, dithering, and noise to simulate physical media, CRT systems, or tactical hardware.

Quick Start

Use the industrial-brutalist-ui skill to design a dark telemetry dashboard with rigid grid layout, monospaced data labels, hazard-red accents, and subtle 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 design a brutalist UI dashboard with telemetry styling?

Design a brutalist telemetry dashboard by applying rigid grid layouts, extreme typography contrast using oversized headlines and compact monospace data text, and strict palette discipline with hazard-red accents.

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

Industrial brutalist web design is a style using rigid grids, visible compartmentalization, and hard edges to create a raw mechanical identity for control-room UIs, portfolios, and editorial sites that need high-density information hierarchy.

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

You can add CRT scanline effects and analog degradation by applying atmospheric effects like scanlines, halftones, dithering, and noise to simulate physical media, CRT systems, or tactical hardware in your interface design.

What typography contrast works best for high-density tactical interfaces?

High-density tactical interfaces use typography-driven structure with oversized structural headlines, compact monospace data text for telemetry, and sparse serif disruption to create visual hierarchy and tension.

Are there limitations when using strict grid layouts for brutalist UI design?

A key limitation is palette discipline and mode commitment; you must choose either Swiss industrial print layouts or tactical telemetry terminal interfaces and commit to that single visual mode for the entire project.