industrial-brutalist-ui

Design web interfaces combining Swiss typography with military terminal aesthetics.

6|5|Updated May 7, 2026
One-click install
npx skills add https://github.com/wubq511/ProjectFlow --skill industrial-brutalist-ui-wubq511
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/wubq511/ProjectFlow/tree/main/SkillPack/industrial-brutalist-ui
Command: npx skills add https://github.com/wubq511/ProjectFlow --skill industrial-brutalist-ui-wubq511

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating visually striking, data-dense interfaces that evoke a sense of mechanical precision and high functionality, ideal for dashboards, portfolios, and editorial sites.

Core Features & Use Cases

  • Visual Design System: Merges Swiss typographic design with military terminal aesthetics.
  • Customizable Visual Paradigms: Offers Swiss Industrial Print and Tactical Telemetry & CRT Terminal styles.
  • Typography Architecture: Utilizes a variety of typography styles for headers, data, and textural contrast.
  • Color System: Implements a palette that simulates physical media or primitive displays.
  • Layout and Spatial Engineering: Adheres to a grid-based system with visible compartmentalization.
  • UI Components and Symbology: Uses ASCII characters, industrial markers, and technical assets.
  • Textural and Post-Processing Effects: Incorporates analog degradation effects like halftones and CRT scanlines.
  • Web Engineering Directives: Provides guidelines for grid determination, semantic rigidity, and typography clamping.
  • Use Case: Ideal for building web interfaces for data-heavy dashboards or editorial sites that require a declassified blueprint aesthetic.

Quick Start

Use the industrial-brutalist-ui skill to apply the Swiss Industrial Print design paradigm to your project.

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 web interfaces with military terminal aesthetics and Swiss typography?

Designing web interfaces with military terminal aesthetics involves merging Swiss typographic design with tactical telemetry styles, using modular grid layouts, high-contrast typography, and simulated analog degradation effects like CRT scanlines for a mechanical look.

What is the best way to build a data-heavy dashboard with a declassified blueprint aesthetic?

The best way to build a data-heavy dashboard with a declassified blueprint aesthetic is to implement a grid-based layout system with visible compartmentalization, utilizing a color palette that simulates physical media or primitive displays alongside industrial markers.

Can I use analog degradation effects like halftones and CRT scanlines for UI design?

Yes, you can use analog degradation effects like halftones and CRT scanlines for UI design to evoke mechanical precision and primitive display technology, making them ideal for editorial sites and functional interfaces requiring a tactical aesthetic.

Does this Swiss Industrial Print design paradigm work for data visualization dashboards?

The Swiss Industrial Print design paradigm works for data visualization dashboards by providing a visual design system that handles data-dense interfaces through semantic rigidity, typography clamping, and high-contrast textural contrast.

When should I not use industrial brutalist UI for web design?

You should avoid industrial brutalist UI for web design when your project requires soft visual aesthetics or lacks the data density to justify a highly compartmentalized grid system, as this approach relies heavily on mechanical precision and stark contrast.