industrial-brutalist-ui

Design web interfaces combining Swiss typography with military terminal aesthetics.

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

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 a unique, functional design aesthetic that combines Swiss typographic design with military terminal aesthetics for data-heavy dashboards, portfolios, or editorial sites.

Core Features & Use Cases

  • Visual Archetypes: Offers two distinct visual paradigms - Swiss Industrial Print and Tactical Telemetry & CRT Terminal.
  • Typography Architecture: Provides guidelines for macro-typography, micro-typography, and textural contrast.
  • Color System: Defines strict color palettes for light and dark modes.
  • Layout and Spatial Engineering: Instructs on grid-based layouts, compartmentalization, and geometric rigidity.
  • UI Components and Symbology: Introduces ASCII characters, industrial markers, and technical assets.
  • Textural and Post-Processing Effects: Includes halftone, CRT scanlines, and mechanical noise effects.
  • Web Engineering Directives: Offers best practices for grid determinism, semantic rigidity, and typography clamping.

Quick Start

Use the industrial-brutalist-ui skill to design a new dashboard interface with the Swiss Industrial Print aesthetic.

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 dashboard interface with Swiss typographic print and military terminal aesthetics?

Designing a dashboard interface with Swiss typographic print and military terminal aesthetics involves blending strict grid-based layouts with tactical telemetry. This approach uses macro-typography, compartmentalization, and geometric rigidity to display data-heavy content functionally.

What are the best practices for building data-heavy editorial sites using industrial design?

Building data-heavy editorial sites using industrial design requires adherence to strict color palettes, grid determinism, and semantic rigidity. You achieve visual hierarchy through textural contrast, ASCII characters, and mechanical noise effects.

Can I use CRT scanlines and halftone effects in web interface design?

Yes, you can use CRT scanlines and halftone effects in web interface design. These post-processing textural effects blend Swiss Industrial Print and Tactical Telemetry visual paradigms, adding mechanical noise and raw aesthetics to your portfolios or dashboards.

Does this interface design approach support both light and dark modes?

Yes, this interface design approach supports both light and dark modes. The color system defines strict color palettes for both modes, ensuring that your industrial brutalist web interfaces maintain visual clarity and typographic hierarchy across different environments.

When should I use ASCII characters and industrial markers in UI components?

Use ASCII characters and industrial markers in UI components when you need to reinforce a military terminal aesthetic. These symbology elements integrate with technical assets to build functional, textural contrast within data-heavy dashboard layouts.