industrial-brutalist-ui

Architect high-density web interfaces with Swiss typography and terminal aesthetics.

1|Updated Jun 30, 2026
One-click install
npx skills add https://github.com/Itinerant18/Urban-assist --skill industrial-brutalist-ui-itinerant18
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Itinerant18/Urban-assist/tree/main/.cursor/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/Itinerant18/Urban-assist --skill industrial-brutalist-ui-itinerant18

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the need for high-density, data-heavy interfaces that prioritize mechanical precision and functional clarity over standard, cluttered consumer UI patterns.

Core Features & Use Cases

  • Bimodal Design Systems: Provides strict architectural guidelines for either Swiss-inspired print layouts or tactical CRT-style terminal displays.
  • Typographic Engineering: Defines rigid rules for macro-typography and monospace telemetry to ensure structural integrity.
  • Use Case: Use this skill to design a declassified-style dashboard for a logistics platform or a high-density analytics terminal that requires immediate, unambiguous data readability.

Quick Start

Apply the industrial-brutalist-ui design system to the current dashboard project by initializing the grid and typography settings as defined in the skill documentation.

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

Use CSS grid-based layouts combined with fluid typography clamping to build high-density tactical interfaces. This approach enforces strict structural rigidity and monospace telemetry formatting, ensuring unambiguous data readability for monitoring dashboards.

What is the best way to structure a data-heavy analytics terminal interface?

Structure a data-heavy analytics terminal using bimodal design systems that apply either Swiss-inspired print layouts or tactical CRT-style terminal displays. This guarantees extreme structural rigidity and mechanical precision over standard consumer UI patterns.

Can I use fluid typography clamping and CSS grid systems for tactical terminal displays?

Yes, fluid typography clamping and CSS grid-based layouts are the foundational mechanisms for building tactical terminal displays. They enable extreme structural rigidity while supporting simulated analog visual degradation for CRT-style aesthetics.

When do I need a brutalist grid system for dashboard UI design?

You need a brutalist grid system for dashboard UI design when building technical monitoring systems, data-heavy analytics terminals, or editorial blueprints that demand extreme structural rigidity, prioritizing mechanical precision and functional clarity over cluttered consumer interfaces.

Does industrial brutalist UI design work for editorial blueprints and logistics platforms?

Yes, the system provides strict architectural guidelines suitable for editorial blueprints and declassified-style logistics platforms. It applies Swiss typographic principles to ensure high-density data presentation with mechanical precision and functional clarity.

How does simulated analog visual degradation work in tactical terminal aesthetics?

Simulated analog visual degradation applies CRT-style visual effects to tactical terminal displays. It layers monospace telemetry formatting with fluid typography clamping to maintain extreme structural rigidity while achieving the desired tactical aesthetic.