industrial-brutalist-ui

Design web interfaces with industrial brutalism aesthetics using CSS Grid and semantic HTML.

Updated May 28, 2026
One-click install
npx skills add https://github.com/SensLiao/Claude-code-setting --skill industrial-brutalist-ui-sensliao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/SensLiao/Claude-code-setting/tree/main/skills/brutalist-skill
Command: npx skills add https://github.com/SensLiao/Claude-code-setting --skill industrial-brutalist-ui-sensliao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows for the design and creation of web interfaces that adopt industrial brutalism aesthetics, providing a unique look for data-heavy dashboards, portfolios, or editorial sites.

Core Features & Use Cases

  • Industrial Brutalism Design: Offers the ability to design web interfaces with Swiss typographic print and military terminal aesthetics.
  • Rigid Grids and Typography: Implements rigid modular grids and extreme typographic scale contrast.
  • Utilitarian Color and Effects: Utilizes purely utilitarian color palettes and programmatic simulation of analog degradation effects.
  • Use Case: Use this Skill to create a data dashboard for an industrial setting, which requires a raw functional feel with mechanical precision.

Quick Start

Use the 'industrial-brutalist-ui' skill to generate a new web interface design with industrial brutalism aesthetics.

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 web interface with industrial brutalism aesthetics?

Design an industrial brutalism web interface by integrating Swiss typographic design and military terminal styles. This approach implements rigid modular grids, extreme typographic scale contrast, and utilitarian color palettes with simulated analog degradation effects.

What is industrial brutalism in web design?

Industrial brutalism in web design is an aesthetic approach combining Swiss typographic print and military terminal interfaces. It emphasizes rigid modular grids, extreme typographic scale contrast, and utilitarian color palettes with simulated analog degradation effects.

Do I need to know CSS Grid and semantic HTML to build a brutalist UI?

Yes, you need knowledge of CSS Grid architectures and semantic HTML to build a brutalist UI. These technologies are required to implement the rigid modular grids and structured typographic scale contrast that define the industrial brutalism aesthetic.

When should I use an industrial brutalist style for a web interface?

Use an industrial brutalist style for data-heavy dashboards, portfolios, or editorial sites requiring a raw functional feel. It is particularly suited for industrial settings that demand mechanical precision and utilitarian visual presentation.

Can I apply Swiss typography and military terminal aesthetics to a data dashboard?

Yes, you can apply Swiss typography and military terminal aesthetics to a data dashboard. This combination creates a raw functional feel with mechanical precision, utilizing rigid modular grids and extreme typographic scale contrast for data-heavy interfaces.

What are the limitations of using utilitarian color palettes and analog degradation effects in web design?

Utilitarian color palettes and analog degradation effects in web design limit vibrant decorative choices, focusing purely on functionality. This approach may not suit projects requiring soft visual aesthetics, as it prioritizes rigid modular structures and mechanical precision.