industrial-brutalist-ui

Architect web interfaces with Swiss typographic principles and tactical telemetry aesthetics.

Updated Nov 23, 2025
One-click install
npx skills add https://github.com/manuelbrandner85/Weltenbibliothekapp --skill industrial-brutalist-ui-manuelbrandner85
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/manuelbrandner85/Weltenbibliothekapp/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/manuelbrandner85/Weltenbibliothekapp --skill industrial-brutalist-ui-manuelbrandner85

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the need for high-density, utilitarian design systems that prioritize mechanical precision and data clarity over conventional, decorative consumer UI patterns.

Core Features & Use Cases

  • Bimodal Design Systems: Provides strict guidelines for either Swiss Industrial Print (light mode) or Tactical Telemetry (dark mode) aesthetics.
  • Typographic Engineering: Implements rigid, scale-based typographic hierarchies using Neo-Grotesque and Monospace fonts.
  • Use Case: Ideal for building declassified-style dashboards, aerospace telemetry displays, or editorial sites that require a raw, blueprint-like visual identity.

Quick Start

Apply the industrial-brutalist-ui design system to the current dashboard project by enforcing a strict grid layout and high-contrast typography.

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 high-density telemetry dashboards with industrial brutalist UI principles?

High-density telemetry dashboards use rigid modular grids and extreme typographic scale contrast to maximize data clarity. This approach enforces mechanical precision by applying Swiss typographic principles and Neo-Grotesque fonts to reject standard decorative consumer UI conventions.

What is the best way to structure a tactical interface grid system for aerospace displays?

Tactical interface grid systems for aerospace displays utilize strict bimodal design guidelines, offering either Swiss Industrial Print or Tactical Telemetry aesthetics. They enforce rigid modular grids and monospace fonts to ensure utilitarian, high-density information display.

Can I use Neo-Grotesque and Monospace typography to build declassified-style dashboards?

Yes, Neo-Grotesque and Monospace fonts are the core typographic engineering components for declassified-style dashboards. They establish rigid, scale-based typographic hierarchies that provide the raw, blueprint-like visual identity required for tactical telemetry aesthetics.

Does this industrial UI design approach support both light and dark mode layouts?

The industrial UI design approach explicitly supports bimodal layouts through Swiss Industrial Print for light mode and Tactical Telemetry for dark mode. Both modes maintain mechanical precision and high data density using strict grid layouts.

When should I use brutalist UI design instead of standard consumer UI patterns?

Use brutalist UI design when building editorial sites, aerospace telemetry displays, or declassified-style dashboards that require utilitarian data clarity. It is specifically architected for high-density information displays that must reject standard decorative consumer UI conventions.

Why does industrial brutalist UI use simulated analog degradation effects?

Simulated analog degradation effects are used to enhance the raw, blueprint-like visual identity of tactical telemetry displays. They contribute to the mechanical precision and industrial aesthetic by rejecting conventional decorative consumer UI patterns.