industrial-brutalist-ui

Create brutalist UI patterns for data-dense dashboards with rigid grids and high-contrast typography.

3|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/nassimbf/ftitos-claude-code --skill industrial-brutalist-ui-nassimbf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/nassimbf/ftitos-claude-code/tree/main/skills/brutalist-skill
Command: npx skills add https://github.com/nassimbf/ftitos-claude-code --skill industrial-brutalist-ui-nassimbf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Traditional UI systems struggle to convey dense, mechanical data with a cohesive brutalist language. This Skill provides a disciplined framework to design data-heavy dashboards that feel like declassified blueprints, balancing density with clarity.

Core Features & Use Cases

  • A design system that merges Swiss industrial print and tactical telemetry aesthetics for dashboards and admin panels.
  • Guidelines for typography, color, grid layouts, and post-processing effects to produce a coherent brutalist UI.
  • Use Case: Create a control center dashboard for industrial telemetry or a portfolio site that communicates raw efficiency and technical prowess.

Quick Start

Start by selecting the Brutalist UI archetype, then apply rigid grid, heavy typography, and CRT-like textures to a data dashboard prototype ready for review.

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 data-dense dashboard with brutalist UI patterns?

To design a data-dense dashboard with brutalist UI patterns, apply a disciplined framework enforcing rigid grids, high-contrast typography, and analog degradation effects. This framework merges Swiss industrial print and tactical telemetry aesthetics to balance mechanical data density with visual clarity.

What typography and grid layouts work best for brutalist admin panels?

Brutalist admin panels require rigid grid layouts and heavy, high-contrast typography. The design system specification enforces strict structural grids and analog degradation effects across modes, ensuring that dense, mechanical data feels like a declassified blueprint rather than a cluttered interface.

Can I use analog degradation effects like CRT textures in UI design systems?

Yes, you can apply analog degradation effects like CRT textures to UI design systems. The framework provides specific post-processing guidelines to apply these effects across light and dark modes, ensuring a coherent brutalist UI without sacrificing the readability of data-dense telemetry dashboards.

When should I use a brutalist design system for data visualization?

Use a brutalist design system for data visualization when traditional UI systems fail to convey dense, mechanical data with a cohesive language. It is ideal for building control center dashboards for industrial telemetry or portfolios that need to communicate raw efficiency and technical prowess.

Does this brutalist UI framework enforce a complete design system specification?

Yes, the brutalist UI framework enforces a complete design system specification covering typography, color, grid layouts, components, and asset conventions. This comprehensive approach ensures that high-contrast, data-heavy dashboards maintain strict visual coherence across all interface elements.

What is the best way to prototype a brutalist telemetry dashboard?

The best way to prototype a brutalist telemetry dashboard is to select a brutalist UI archetype and apply rigid grids, heavy typography, and CRT-like textures. This approach rapidly produces a data dashboard prototype that effectively communicates raw efficiency and technical prowess for review.