industrial-brutalist-ui

Generate Swiss industrial print or tactical CRT telemetry web interface designs.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/otto-poblysh/pedagemy-early-access --skill industrial-brutalist-ui-otto-poblysh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/otto-poblysh/pedagemy-early-access/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/otto-poblysh/pedagemy-early-access --skill industrial-brutalist-ui-otto-poblysh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the challenge of creating data-heavy web UIs that feel mechanically precise and visually uncompromising instead of generic or “consumer-soft.”

Core Features & Use Cases

  • Design-System Direction: Enforces a single chosen archetype (Swiss Industrial Print or Tactical Telemetry & CRT Terminal) to keep the interface consistent.
  • Typographic Architecture: Specifies macro/micro typography rules for extreme scale contrast, grid alignment, and telemetry-like monospaced metadata.
  • Analog Degradation Effects: Provides practical guidance for adding scanlines, halftone/1-bit dithering, and global mechanical noise to prevent a purely digital look.

Quick Start

Use the industrial-brutalist-ui skill to design a dashboard page by selecting either the Swiss Industrial Print or Tactical Telemetry mode, then applying its typography, color, grid, and degradation directives to your layout.

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 high-density dashboard UI with tactical CRT terminal styling?

Designing a high-density dashboard UI with tactical CRT terminal styling requires enforcing deterministic grid behavior and uppercase macro/micro typography. This approach applies scanlines, dithering overlays, and noise effects to simulate analog hardware degradation.

What is Swiss industrial print typography in UI design?

Swiss industrial print typography in UI design is a mechanically rigid styling pattern that enforces deterministic grid behavior and extreme scale contrast. It provides typographic architecture for data-heavy product surfaces without relying on consumer-soft aesthetics.

How do I add analog degradation effects like scanlines and dithering to a web interface?

To add analog degradation effects like scanlines and dithering to a web interface, apply global mechanical noise overlays and 1-bit halftone rendering. This prevents a purely digital look by simulating hardware telemetry degradation across data surfaces.

Does this industrial brutalist UI approach work for editorial layouts and portfolios?

The industrial brutalist UI approach works for editorial layouts, portfolios, and dashboards. It applies mechanically rigid, typography-driven structure with utilitarian color rules to any data-heavy product surface requiring deterministic grid behavior.

Can I use CSS grid for mechanically rigid telemetry dashboards without generic consumer-soft aesthetics?

You can use CSS grid for mechanically rigid telemetry dashboards by enforcing deterministic grid behavior alongside monospaced metadata typography. This creates visually uncompromising, high-density interfaces that avoid generic consumer-soft aesthetics.

When should I avoid using tactical telemetry and CRT terminal styling for web interfaces?

Avoid tactical telemetry and CRT terminal styling for web interfaces when a consumer-soft aesthetic or photorealistic imagery is required. This approach enforces utilitarian color rules and non-photoreal analog grit, which may not suit all products.