industrial-brutalist-ui

Construct web interfaces with industrial and brutalist design aesthetics.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for creating web interfaces that embody industrial and brutalist design principles, merging Swiss typographic design with military terminal aesthetics.

Core Features & Use Cases

  • Design System: Combines Swiss Industrial Print and Tactical Telemetry & CRT Terminal paradigms.
  • Typography Architecture: Offers macro-typography for headers and micro-typography for data and telemetry.
  • Color System: Provides substrate palettes for light and dark modes.
  • Layout and Spatial Engineering: Implements a grid-based layout with visible compartmentalization.
  • UI Components and Symbology: Utilizes ASCII characters and technical symbols.
  • Textural and Post-Processing Effects: Incorporates analog degradation effects.
  • Web Engineering Directives: Ensures grid determinism and semantic rigidity.
  • Landing Page Engineering: Offers specific guidelines for creating brutalist landing pages.

Quick Start

Use the industrial-brutalist-ui skill to generate a brutalist landing page for a tech company.

Frequently Asked Questions about industrial-brutalist-ui

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

FAQPage Schema
How do I create a brutalist web interface with Swiss typography and military aesthetics?

To create a brutalist web interface, use rigid modular grids, extreme typographic scale contrast, utilitarian color palettes, and analog degradation effects. Combine Swiss typographic design principles with military terminal aesthetics using semantic HTML and CSS Grid for layout determinism.

What is brutalist UI design and how does it use Swiss typography?

Brutalist UI design is a web interface style that merges Swiss typographic design with military terminal aesthetics. It features macro-typography for headers, micro-typography for telemetry data, visible spatial compartmentalization, and extreme scale contrast within a rigid modular grid system.

Can I use CSS Grid and semantic HTML for industrial brutalist web layouts?

Yes, CSS Grid and semantic HTML are required for industrial brutalist web layouts. This approach ensures grid determinism and semantic rigidity, enforcing strict modular compartmentalization and structural consistency across the interface.

How do I apply analog degradation effects and utilitarian color palettes to a web interface?

Apply analog degradation effects and utilitarian color palettes by using substrate colors for light and dark modes. Incorporate ASCII characters and technical symbols as UI components to achieve the desired military terminal and industrial degradation aesthetics.

What's the best way to build a brutalist landing page for a tech company?

The best way to build a brutalist landing page is to follow specific engineering guidelines that integrate Swiss Industrial Print and Tactical Telemetry paradigms. Focus on extreme typographic scale contrast, visible grid compartmentalization, and post-processing textural effects.

When should I not use brutalist UI design for a web application?

You should not use brutalist UI design when your web application requires soft, organic user experiences or fluid layout structures. This approach enforces strict grid determinism, extreme scale contrast, and rigid modular compartmentalization that intentionally sacrifices conventional usability aesthetics.