industrial-brutalist-ui

Construct web interfaces combining Swiss typography with military terminal aesthetics.

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

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 highly functional, data-intensive UIs that combine Swiss typographic design with military terminal aesthetics, ideal for dashboards, portfolios, and editorial sites.

Core Features & Use Cases

  • Swiss Industrial Print: Emphasizes high-contrast light modes and heavy sans-serif typography.
  • Tactical Telemetry & CRT Terminal: Features dark mode, high-density tabular data presentation, and monospaced typography.
  • Typography Architecture: Utilizes extreme variance in scale, weight, and spacing for headers and data.
  • Color System: Offers strict color palettes that simulate physical media or primitive emissive displays.
  • Layout and Spatial Engineering: Adheres to CSS Grid architectures and emphasizes visible compartmentalization.
  • UI Components and Symbology: Replaces standard web UI conventions with utilitarian, industrial graphic elements.
  • Textural and Post-Processing Effects: Includes simulated analog degradation for a mechanical feel.
  • Web Engineering Directives: Focuses on grid determinism, semantic rigidity, and typography clamping.

Quick Start

To create a new Industrial Brutalism & Tactical Telemetry UI, run the following command: Use the industrial-brutalist-ui skill to generate a dashboard UI with Swiss Industrial Print style.

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 a dashboard UI with military terminal aesthetics and Swiss typography?

Build a dashboard UI with military terminal aesthetics by combining rigid modular CSS Grids, extreme typographic scale contrast, and utilitarian color palettes. This approach uses monospaced typography and analog degradation effects to simulate primitive emissive displays.

What is the best way to create high-density tabular data presentations for tactical telemetry?

Create high-density tabular data presentations for tactical telemetry by implementing dark mode designs with strict color systems and monospaced typography. This simulates physical media and primitive emissive displays while adhering to semantic rigidity and grid determinism.

Do I need mastery over CSS Grid and color theory to design industrial brutalist web interfaces?

Yes, designing industrial brutalist web interfaces requires mastery over CSS Grid, typography, and color theory. You must implement rigid modular grid architectures, visible compartmentalization, and strict color palettes to achieve the mechanical aesthetic.

Can I use this industrial design approach for editorial sites and portfolios, or is it only for dashboards?

Yes, you can use this industrial design approach for editorial sites and portfolios, not just dashboards. It constructs web interfaces that combine high-contrast light modes with heavy sans-serif typography, suitable for various data-intensive and editorial applications.

Why does my Swiss industrial print typography lack extreme scale contrast?

Swiss industrial print typography lacks extreme scale contrast when variance in weight and spacing is not fully utilized. Achieve the correct architectural feel by applying extreme typographic scale contrast to headers and data alongside visible compartmentalization.

How do I add analog degradation effects to a mechanical interface design?

Add analog degradation effects to mechanical interface design by applying simulated post-processing textures. This creates a mechanical feel by replacing standard web UI conventions with utilitarian, industrial graphic elements and primitive emissive display simulations.