industrial-brutalist-ui

Design Brutalist UI dashboards with CSS Grid and Swiss typography.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Sajra12/MKT --skill industrial-brutalist-ui-sajra12
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Sajra12/MKT/tree/main/higado-graso/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/Sajra12/MKT --skill industrial-brutalist-ui-sajra12

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill offers a comprehensive system for designing web interfaces that embody a unique blend of Swiss Typographic and military terminal aesthetics, tailored for data-heavy dashboards, portfolios, and editorial sites.

Core Features & Use Cases

  • Design System: Merges Swiss Industrial Print and Tactical Telemetry & CRT Terminal paradigms.
  • Typography Architecture: In-depth customization of headers, data, and artistic disruptions with various web fonts.
  • Color System: Strict palette selection and application to simulate physical media.
  • Layout and Spatial Engineering: Utilizes CSS Grid for precise alignment and visible compartmentalization.
  • UI Components and Symbology: Incorporates ASCII characters, technical markers, and simulated analog degradation.
  • Use Case: A designer creates a data dashboard that combines Swiss typographic print with retro-futuristic military terminal aesthetics for a tech company.

Quick Start

Use the industrial-brutalist-ui skill to generate a Brutalist UI dashboard with a Swiss Industrial Print theme.

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 dashboard with Swiss typography?

Designing a Brutalist UI dashboard with Swiss typography involves using rigid modular CSS Grids for precise alignment, applying extreme typographic scale contrast with web fonts, and selecting utilitarian color palettes to structure data-heavy interfaces.

What is the best way to combine military terminal aesthetics with web typography?

To combine military terminal aesthetics with web typography, integrate ASCII characters, technical markers, and simulated analog degradation effects like CRT screen distortion into your rigid modular data dashboard layout.

Do I need CSS Grid knowledge to build industrial-strength UI layouts?

Yes, prior CSS Grid knowledge is required to build industrial-strength UI layouts. This design approach relies on CSS Grid for precise alignment and visible compartmentalization necessary to achieve strict Brutalist spatial engineering.

Can I use analog degradation effects for editorial site design?

Yes, you can apply analog degradation effects for editorial site design. These simulated physical media distortions complement Swiss Industrial Print paradigms to create unique retro-futuristic artistic disruptions in your layout.

When should I not use Brutalist UI for data dashboards?

You should avoid Brutalist UI for data dashboards when strict utilitarian color palettes, extreme typographic scale contrast, or visible grid compartmentalization hinder user comprehension of complex telemetry data.