industrial-brutalist-ui

Design brutalist data-dense interfaces with rigid grids and CSS post-processing effects.

27|1|Updated Feb 15, 2022
One-click install
npx skills add https://github.com/JoeyMckenzie/joeymckenzie.tech --skill industrial-brutalist-ui-joeymckenzie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/JoeyMckenzie/joeymckenzie.tech/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/JoeyMckenzie/joeymckenzie.tech --skill industrial-brutalist-ui-joeymckenzie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Raw mechanical interfaces that fuse Swiss typographic print with military terminal aesthetics, enabling data-heavy dashboards and editorial layouts to feel precise, utilitarian, and immediately scannable.

Core Features & Use Cases

  • Rigid grid-driven layouts with extreme typographic scale.
  • Data-dense dashboards and portfolios that read like declassified blueprints.
  • Post-processing effects (halftone, CRT scanlines) to simulate analog degradation while preserving readability.

Quick Start

Create a brutalist UI project that uses a rigid grid layout to display telemetry panels.

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 data-dense dashboards with brutalist UI aesthetics?▼

Data-dense brutalist UIs fuse Swiss typography with tactical terminal aesthetics, applying rigid grids and high-contrast typography to dashboards. This ensures layouts feel precise, utilitarian, and immediately scannable for heavy telemetry data.

What are brutalist UI design principles for web layouts?▼

Brutalist UI design principles enforce strict modular grid systems, extreme typographic scale, and high-contrast layouts. They create raw mechanical interfaces that read like declassified blueprints while maintaining readability.

Can I apply CRT scanline and halftone effects using CSS?▼

Yes, CSS-driven post-processing can apply halftone and CRT scanline simulations to simulate analog degradation. These effects preserve readability while adding a tactical terminal aesthetic to data panels.

Does brutalist UI design work for editorial sites and portfolios?▼

Yes, brutalist UI design works for editorial sites and portfolios by applying rigid grids and modular typographic architecture. It creates data-dense layouts that feel precise and utilitarian.

What's the best way to structure a rigid grid system for data visualization?▼

Structure rigid grid systems for data visualization by enforcing strict modular typographic architecture and extreme typographic scale. This creates utilitarian interfaces where heavy data panels remain immediately scannable.