skills.rest
MMA-Marketing-Pro
MMA-Marketing-ProOFFICIAL
Explore all skills by this author →
GitHub

industrial-brutalist-ui

Create industrial brutalist web interfaces with rigid grids and technical typography.

1|Updated Jun 14, 2026
Search Tags:#typography#dashboard design#web interface#brutalist design#crt effects#ui systems
One-click install
npx skills add https://github.com/MMA-Marketing-Pro/website-design-system --skill industrial-brutalist-ui-mma-marketing-pro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/MMA-Marketing-Pro/website-design-system/tree/main/.agent/skills/brutalist-skill
Command: npx skills add https://github.com/MMA-Marketing-Pro/website-design-system --skill industrial-brutalist-ui-mma-marketing-pro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers create distinctive web interfaces that avoid generic modern UI patterns by applying industrial brutalist principles, structured layouts, and technical visual systems.

Core Features & Use Cases

  • Industrial Visual Systems: Designs Swiss print-inspired and tactical telemetry interfaces with rigid grids, extreme typography, and utilitarian palettes.
  • Technical UI Construction: Guides the creation of dense dashboards, portfolios, and editorial experiences using monospace data styling, semantic markup, and mechanical interface elements.
  • Analog Texture Effects: Applies CRT scanlines, halftone treatments, dithering, and visual degradation techniques to produce authentic physical-media aesthetics.

Quick Start

Use the industrial brutalist ui skill to design a high-density portfolio website with a tactical telemetry interface 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 web interface for a dense data dashboard?▼

To design a brutalist web interface, apply rigid grids, technical typography, and utilitarian visual systems to replace conventional UI patterns. This structures dense dashboards using monospace data styling and semantic markup for mechanically precise layouts.

What are CRT scanlines and dithering effects used for in brutalist UI design?▼

CRT scanlines, halftone treatments, and dithering are analog degradation effects applied in brutalist UI design to produce authentic physical-media aesthetics. These effects visually degrade digital interfaces to mimic tactical terminals and Swiss print styles.

Can I use industrial brutalist design for editorial websites and portfolios?▼

Industrial brutalist design applies to editorial websites and portfolios through strict layout engineering, extreme typography scaling, and tactical telemetry aesthetics, creating distinctive digital experiences avoiding generic modern UI patterns.

What is the best way to structure a tactical telemetry interface without generic UI patterns?▼

The best way to structure a tactical telemetry interface is implementing strict layout engineering with rigid grids and utilitarian palettes. This replaces generic UI patterns through technical visual systems and semantic technical components for data-heavy experiences.

Do I need specific frameworks to build Swiss print-inspired web interfaces?▼

No specific frameworks are required to build Swiss print-inspired web interfaces. The focus relies on implementing extreme typography, monospace data styling, and rigid grid systems to achieve the mechanically precise utilitarian aesthetic.

Related Skills

Explore More Design & Creative Skills→
MohammedSaudAlsahliMohammedSaudAlsahli

industrial-brutalist-ui

Design web interfaces with Swiss typographic and military terminal aesthetics.

Community
Advanced
djkloopdjkloop

industrial-brutalist-ui

Generates CSS-based blueprints for high-density dashboards and landing pages with brutalist styling.

Community
Advanced
aaltaayaaltaay

industrial-brutalist-ui

Architect data-dense brutalist dashboards with CSS Grid and monospace typography.

Community
Advanced
RelicWare-CoRelicWare-Co

industrial-brutalist-ui

Create industrial web interfaces with rigid grids, typographic contrast, and analog degradation effects.

Official
Advanced