industrial-brutalist-ui

Design mechanical industrial interfaces with Swiss typography and CSS grid.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/Lev-it/lev-skills --skill industrial-brutalist-ui-lev-it
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Lev-it/lev-skills/tree/main/.claude/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/Lev-it/lev-skills --skill industrial-brutalist-ui-lev-it

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a design system for creating raw mechanical interfaces that mimic Swiss typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. It's ideal for data-heavy dashboards, portfolios, or editorial sites needing a declassified blueprint look.

Core Features & Use Cases

  • Design System: Combines Swiss Industrial Print and Tactical Telemetry & CRT Terminal styles.
  • Typography Architecture: Focus on extreme typographic scale contrast and variance in scale, weight, and spacing.
  • Color System: Uses monochrome palettes and simulates physical media or primitive emissive displays.
  • Layout and Spatial Engineering: Emphasizes rigid modular grids, visible compartmentalization, and mechanical rigidity.
  • UI Components and Symbology: Incorporates utilitarian, industrial graphic elements and ASCII characters.
  • Textural and Post-Processing Effects: Applies simulated analog degradation effects like halftone and 1-bit dithering.

Quick Start

Use the industrial-brutalist-ui skill to design a dashboard that displays high-density data, following the Swiss Industrial Print visual paradigm and using the primary red as an accent color.

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 data-heavy dashboard with an industrial blueprint aesthetic?

Create a retro military terminal interface by utilizing utilitarian industrial graphic elements, ASCII characters, and simulated analog degradation effects like halftone and 1-bit dithering. This combines with rigid modular grids to achieve a precise telemetry look.

How do I apply Swiss typography systems to a user interface layout?

Apply Swiss typography systems to a user interface by emphasizing extreme variance in scale, weight, and spacing. Combine this with visible compartmentalization and rigid modular spatial engineering to achieve mechanical rigidity and precise structuring.

What is the best way to simulate analog degradation and CRT display effects in CSS?

Simulate analog degradation and CRT display effects by applying post-processing techniques like halftone and 1-bit dithering. These effects mimic primitive emissive displays and physical media, adding raw mechanical texture to the interface design.

Can I use monochrome color schemes for high-density data visualization?

Monochrome color schemes are highly effective for high-density data visualization. Simulating physical media or primitive emissive displays with a primary accent color ensures a utilitarian look while maintaining strict visual hierarchy across complex dashboard data.

Does this industrial design approach work for editorial sites and portfolios?

Avoid this industrial design approach for interfaces requiring organic shapes, soft visual styling, or non-grid layouts. The rigid modular grids, visible compartmentalization, and mechanical rigidity are strictly tailored for data-heavy dashboards and utilitarian applications.