industrial-brutalist-ui

Design industrial-brutalist web interfaces with rigid grids and CRT effects.

Updated Jun 20, 2025
One-click install
npx skills add https://github.com/SaltFishGC/SaltFishGC.github.io --skill industrial-brutalist-ui-saltfishgc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/SaltFishGC/SaltFishGC.github.io/tree/main/.trae/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/SaltFishGC/SaltFishGC.github.io --skill industrial-brutalist-ui-saltfishgc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you turn ordinary web interfaces into stark, high-impact industrial brutalist experiences with disciplined structure, dense information presentation, and mechanical visual authority.

Core Features & Use Cases

  • Swiss Industrial Print Mode: Builds light, blueprint-like layouts with rigid grids, heavy typography, and warning-red accents.
  • Tactical Telemetry Mode: Creates dark terminal-style interfaces with monospaced data presentation, scanlines, and CRT-inspired effects.
  • Use Case: Design a dashboard, portfolio, or editorial homepage that needs to feel utilitarian, precise, and visually declassified instead of polished and consumer-friendly.

Quick Start

Redesign the attached interface as an industrial brutalist UI with a rigid grid, extreme typography contrast, utilitarian colors, and subtle analog degradation 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 for a data-heavy dashboard?

An industrial brutalist UI replaces generic consumer styling with disciplined mechanical layouts and high-density visual systems. It applies rigid grid-based composition, extreme typographic contrast, and utilitarian color palettes to create stark, tactical web experiences.

Can I use Swiss typography to structure a telemetry interface?

Yes, you can use Swiss typography to structure a telemetry interface by applying rigid grids and extreme typographic contrast. This creates disciplined mechanical layouts with monospaced data presentation and warning-red accents for high-density visual systems.

How do I add CRT terminal effects to a web dashboard?

To add CRT terminal effects to a web dashboard, apply simulated analog degradation such as scanlines, halftones, and dithering. Combine these with dark terminal-style interfaces and monospaced data presentation for a tactical telemetry aesthetic.

Does the brutalist UI approach work for editorial sites and portfolios?

Yes, the brutalist UI approach works for editorial sites and portfolios. It applies Swiss print structure and mechanical visual authority to create stark, high-impact experiences that feel utilitarian and precise rather than polished and consumer-friendly.

When should I not use an industrial brutalist UI design?

You should not use an industrial brutalist UI design when a project requires polished, consumer-friendly aesthetics. This approach intentionally replaces generic consumer styling with stark, declassified visuals and simulated analog degradation, which may not suit all audiences.