industrial-brutalist-ui

Construct web interfaces with Swiss typography and military terminal aesthetics.

1|Updated May 14, 2026
One-click install
npx skills add https://github.com/MarcoAntolini/cursor-sync --skill industrial-brutalist-ui-marcoantolini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/MarcoAntolini/cursor-sync/tree/main/agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/MarcoAntolini/cursor-sync --skill industrial-brutalist-ui-marcoantolini

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating web interfaces that require an industrial and military design aesthetic, offering a specific framework for incorporating Swiss typography and retro-futuristic interface elements.

Core Features & Use Cases

  • Industrial Design: Offers guidelines for integrating heavy machinery and industrial design into web interfaces.
  • Typography: Provides a structured approach to typography, combining Swiss typographic principles with military terminal interfaces.
  • Color System: Implements a color palette inspired by physical media or primitive emissive displays.
  • Layout and Spatial Engineering: Emphasizes a mathematically engineered layout that rejects conventional web padding in favor of compartmentalization.
  • UI Components: Recommends standard UI elements replaced with utilitarian, industrial graphic elements.
  • Use Case: Ideal for building data-heavy dashboards, portfolios, or editorial sites with a distinct aesthetic.

Quick Start

Create a new web project and use the 'industrial-brutalist-ui' skill to set up your design foundation with industrial aesthetics.

Frequently Asked Questions about industrial-brutalist-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build web interfaces with industrial and military aesthetics?

Build web interfaces with industrial aesthetics by applying Swiss typographic principles, military terminal layouts, and mathematically engineered grids. This approach replaces conventional web padding with compartmentalization to create utilitarian data presentations.

What is the best way to design data-heavy dashboards using retro-futuristic elements?

Design data-heavy dashboards by integrating retro-futuristic interface elements with mid-century design. Use a color palette inspired by physical media or primitive emissive displays alongside utilitarian industrial graphic components for clear data visualization.

How does Swiss typography work for military terminal UI layouts?

Swiss typography structures military terminal UI layouts through advanced typographic manipulation within a grid-based system. It combines structured typographic principles with terminal interface elements to compartmentalize information without relying on conventional web padding.

Do I need advanced grid-based layout knowledge to use industrial design for web projects?

Yes, creating industrial web designs requires proficiency in grid-based layout and advanced typographic manipulation. The framework emphasizes mathematically engineered spatial layouts that reject standard padding in favor of strict compartmentalization.

Can I use industrial design aesthetics for portfolio or editorial sites?

Yes, industrial design aesthetics are ideal for building portfolios, editorial sites, and data presentations. The framework adapts mid-century design elements with modern digital tools to construct distinct, utilitarian web interfaces.