industrial-brutalist-ui

Construct web interfaces with Swiss typographic and military terminal aesthetics.

Updated May 21, 2026
One-click install
npx skills add https://github.com/jeannotlemaire-ux/dicobluff --skill industrial-brutalist-ui-jeannotlemaire-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/jeannotlemaire-ux/dicobluff/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/jeannotlemaire-ux/dicobluff --skill industrial-brutalist-ui-jeannotlemaire-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides advanced tools for creating web interfaces that combine Swiss typographic design with military terminal aesthetics, catering to data-heavy dashboards, portfolios, and editorial sites requiring a raw, mechanical feel.

Core Features & Use Cases

  • Typographic Architecture: Offers extensive control over typography, including macro and micro typography, textural contrast, and case studies.
  • Color System: Strict color palettes that simulate physical media or primitive emissive displays, with options for light and dark substrates.
  • Layout and Spatial Engineering: Emphasizes mathematically engineered layouts with visible compartmentalization and a rejection of conventional web padding.
  • UI Components and Symbology: Utilizes ASCII characters, industrial markers, and technical assets for a utilitarian graphic element approach.
  • Textural and Post-Processing Effects: Incorporates simulated analog degradation through CSS and SVG filters for a non-digital aesthetic.
  • Web Engineering Directives: Focuses on grid determinism, semantic rigidity, and typography clamping for precise design implementation.

Quick Start

Create a new web interface using the industrial-brutalist-ui skill with a Swiss Industrial Print palette and Neo-Grotesque 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 web interfaces with Swiss typography and military terminal aesthetics?

Design web interfaces with Swiss typography and military terminal aesthetics by applying rigid grids, extreme typographic scale contrast, utilitarian color palettes, and analog degradation effects. This approach creates a mechanical, blueprint-like appearance suited for data-heavy dashboards.

What is the best way to build a data-heavy dashboard with a raw, mechanical feel?

Build a data-heavy dashboard with a raw, mechanical feel by utilizing mathematically engineered layouts with visible compartmentalization, rejecting conventional web padding, and applying strict color palettes that simulate physical media or primitive emissive displays.

How do I add analog degradation effects to web design using CSS and SVG filters?

Add analog degradation effects to web design by incorporating simulated texture through CSS and SVG filters. This post-processing technique creates a non-digital aesthetic that simulates physical media degradation for industrial interface designs.

Can I use ASCII characters and industrial markers for utilitarian graphic elements in interface design?

Yes, you can use ASCII characters, industrial markers, and technical assets as utilitarian graphic elements in interface design. These components replace conventional digital icons to reinforce a military terminal aesthetic and Swiss typographic architecture.

Does this approach to interface design work for editorial sites or only data-heavy dashboards?

This interface design approach works for both data-heavy dashboards and editorial sites. The combination of Neo-Grotesque typography, grid determinism, and semantic rigidity supports any web project requiring a raw, mechanical blueprint appearance.

Why does Swiss industrial web design reject conventional web padding and standard UI spacing?

Swiss industrial web design rejects conventional web padding to enforce mathematically engineered layouts with visible compartmentalization. This spatial engineering ensures strict grid determinism and extreme typographic scale contrast without softening the mechanical aesthetic.