Industrial Brutalist Ui

nexu-io/open-design

If you've ever wanted your web app to look like a 1960s Swiss machinery manual or a Cold War radar terminal, this is your toolkit. It enforces rigid grids, monospace typography, and simulated analog decay like CRT scanlines and halftone dithering. You pick one of two modes per project: high-contrast Swiss industrial print or dark-mode tactical telemetry, no mixing allowed. The approach is deliberately anti-consumer, prioritizing data density and mechanical precision over friendly UX patterns. It's overkill for most projects, but if you're building dashboards, technical tools, or anything that benefits from looking purpose-built rather than polished, it nails a specific aesthetic that's hard to pull off otherwise.

skills.sh installs

1.8K

GitHub stars

106.9K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Design & UI/UX

1motion-designerdylantarre/animation-principlesUse when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.1.7Kskills.sh installs

2accessible-motiondylantarre/animation-principlesUse when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.689skills.sh installs

3accessibility-advocatedylantarre/animation-principlesUse when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.576skills.sh installs

4ux-researcherdylantarre/animation-principlesUse when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.571skills.sh installs

5design-componentplugin87/ux-ui-agent-skillsDesign a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to desig565skills.sh installs

6figma-ui-skillsihlamury/design-skillsFigma's UI design system. Use when building interfaces inspired by Figma's aesthetic - light mode, Inter font, 4px grid.363skills.sh installs