industrial-brutalist-ui

Develop data-driven interfaces with Swiss typography and modular grids.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of designing data-intensive digital interfaces that replicate mechanical interfaces with an industrial aesthetic.

Core Features & Use Cases

  • Rigid Modular Grid Design: Strict adherence to precise modular grid systems.
  • Typography Scaling: Extensive variance in scale and weight for structural impact.
  • Utilitarian Color Palette: Emphasis on dark and neutral color palettes with strong contrast.
  • Analog Degradation: Implementation of mechanical effects such as scanlines and dithering for authenticity.
  • Use Case: It's perfect for developing web applications for dashboards, portfolios, and editorial sites requiring an industrial look.

Quick Start

Implement this Skill to create an interface with 'Swiss Industrial Print' characteristics for a dashboard using the provided template.

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 data dashboards with an industrial aesthetic?

Data dashboards with an industrial aesthetic combine 1960s corporate design and industrial manual styles. This approach uses Swiss typography, strict modular grids, monochromatic palettes, and mechanical effects like scanlines and dithering for high-functional platforms.

What is Swiss typography and how does it apply to interface engineering?

Swiss typography in interface engineering uses extensive variance in scale and weight for structural impact. It pairs strict modular grid systems with high typographic contrast to organize information-rich digital platforms with a 1960s industrial aesthetic.

How do I add analog degradation effects like scanlines and dithering to a web application?

To add analog degradation effects like scanlines and dithering, implement simulated mechanical effects within your interface design. This mimics raw mechanical functionality and enhances the industrial authenticity of data-driven digital environments.

Can I use modular grid design for information-rich editorial sites?

Yes, modular grid design works for information-rich editorial sites. Strict adherence to precise modular grids combined with utilitarian dark and neutral color palettes provides the structural foundation required for high-functional industrial interfaces.

Does this industrial UI approach work for portfolios and data-driven platforms?

This industrial UI approach works effectively for portfolios and data-driven platforms. The combination of typographic contrast, monochromatic color palettes, and analog degradation creates high-functional digital environments suited for information-rich web applications.