skills.rest
kirvin
kirvinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

industrial-brutalist-ui

Design web interfaces with Swiss typographic and military terminal aesthetics.

Updated Apr 3, 2026
Search Tags:#typography#data visualization#interface design#web design#aesthetics
One-click install
npx skills add https://github.com/kirvin/agent-dev-harness --skill industrial-brutalist-ui-kirvin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/kirvin/agent-dev-harness/tree/main/plugins/kf/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/kirvin/agent-dev-harness --skill industrial-brutalist-ui-kirvin

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 distinct web interface design that combines Swiss typographic principles with military terminal aesthetics, suitable for data-heavy dashboards and editorial sites.

Core Features & Use Cases

  • Swiss Industrial Print: Incorporates high-contrast light modes, monolithic heavy sans-serif typography, and rigid structural grids.
  • Tactical Telemetry & CRT Terminal: Emphasizes dark mode, high-density tabular data presentation, and monospaced typography.
  • Typography Architecture: Offers extreme variance in scale, weight, and spacing for headers and data.
  • Color System: Uses utilitarian color palettes and simulates 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 industrial graphic elements.
  • Textural and Post-Processing Effects: Incorporates simulated analog degradation to prevent the design from appearing purely digital.
  • Web Engineering Directives: Ensures grid determinism, semantic rigidity, and typography clamping.

Quick Start

Apply the industrial-brutalist-ui skill to your project to implement a unique, data-focused interface design with Swiss and military terminal aesthetics.

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

Design a web interface with Swiss typographic and military terminal aesthetics by applying rigid CSS Grid architectures, extreme typographic scale contrast, and utilitarian color palettes to achieve a mechanical, precise feel.

What's the best way to apply analog degradation effects to web design without making it look purely digital?▼

Apply simulated analog degradation effects to web design by utilizing post-processing techniques that mimic physical media or primitive emissive displays, preventing the interface from appearing purely digital.

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

This industrial brutalist design approach works effectively for editorial sites and portfolios by replacing standard web UI conventions with industrial graphic elements and applying extreme variance in typographic scale and spacing.

Can I use CSS Grid architectures to build tactical telemetry and CRT terminal interfaces?▼

You can use CSS Grid architectures to build tactical telemetry and CRT terminal interfaces by enforcing visible compartmentalization, deterministic layouts, and high-density tabular data presentation for dark mode environments.

Related Skills

Explore More Design & Creative Skills→
SensLiaoSensLiao

industrial-brutalist-ui

Design web interfaces with industrial brutalism aesthetics using CSS Grid and semantic HTML.

Community
Advanced
kazukinagatakazukinagata
3

viewing-tasks

Render Waggle tasks as Kanban, List, Calendar, and Gantt views via a local server.

Community
Advanced
anonymouswhite07anonymouswhite07

industrial-brutalist-ui

Create industrial brutalist UI layouts with rigid grids and monospaced typography.

Community
Advanced
VSF-QC-TTSVSF-QC-TTS

minimalist-ui

Generate ultra-minimalist editorial web interfaces with warm monochrome palettes and custom typography.

Official
Advanced