industrial-brutalist-ui

Design industrial brutalist interfaces with rigid grids and analog degradation effects.

3|Updated Jul 30, 2026
One-click install
npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill industrial-brutalist-ui-hayatelin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Hayatelin/taste-skill-zh-CN/tree/main/skills/brutalist-skill
Command: npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill industrial-brutalist-ui-hayatelin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design interfaces that feel deliberate, engineered, and visually distinctive instead of generic or AI-generated. It replaces bland default UI patterns with a strong brutalist system built for high-density information and editorial impact.

Core Features & Use Cases

  • Tactical Visual Systems: Build either light Swiss industrial print layouts or dark CRT terminal interfaces with strict visual discipline.
  • Typography-Driven Composition: Use extreme type scale contrast, rigid grids, monospace telemetry styling, and selective serif contrast to control hierarchy.
  • Industrial Surface Treatment: Add scanlines, halftone, dithering, noise, and other analog degradation effects to make digital interfaces feel physical and gritty.
  • Use Case: A dashboard, portfolio, or editorial site that needs to communicate precision, seriousness, and mechanical character rather than polished consumer-app softness.

Quick Start

Ask for a brutalist interface concept for your page, specifying whether you want a light Swiss industrial print style or a dark tactical terminal style.

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 dashboard layout with rigid grids and high data density?

Design a brutalist dashboard by applying rigid grid layouts, extreme typography contrast, and strict visual hierarchy to achieve high data density. This approach rejects generic consumer UI patterns in favor of deliberate structural separations and utilitarian color rules.

What is the best way to add CRT terminal aesthetics and analog degradation effects to a UI?

Add CRT terminal aesthetics by applying industrial surface treatments like scanlines, halftone, dithering, and noise. These analog degradation effects make digital interfaces feel physical and gritty, perfect for tactical telemetry layouts.

Can I use Swiss print typography rules for editorial site design?

Yes, you can apply Swiss print precision to editorial sites using extreme type scale contrast, monospace telemetry styling, and selective serif contrast. This typography-driven composition controls hierarchy and communicates seriousness.

Does brutalist UI design work for tactical telemetry layouts and portfolios?

Brutalist UI design works exceptionally well for tactical telemetry layouts, portfolios, and dashboards. It replaces bland default UI patterns with a strong system built for high-density information and editorial impact.

Why use extreme typography contrast instead of generic consumer UI patterns?

Use extreme typography contrast to establish strong visual hierarchy and engineered precision. This deliberate rejection of generic consumer UI softness ensures interfaces feel visually distinctive and communicate mechanical character.

When should I not use industrial brutalist interfaces for my web design?

Avoid industrial brutalist interfaces when your project requires polished consumer-app softness rather than mechanical character. This style demands strict visual discipline, making it unsuitable for casual or highly decorative applications.