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.