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.