← ClaudeAtlas

industrial-brutalist-uilisted

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
wedabro/bro-skills · ★ 2 · Web & Frontend · score 71
Install: claude install-skill wedabro/bro-skills
# SKILL: Industrial Brutalism & Tactical Telemetry UI ## Scope Use this only as a mutually exclusive style preset when the user asks for a mechanical, Swiss-industrial, terminal, or blueprint aesthetic. Pair it with `design-taste-frontend` for implementation; do not combine it with `minimalist-ui` or another competing visual preset. ## 1. Skill Meta **Name:** Industrial Brutalism & Tactical Telemetry Interface Engineering **Description:** Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT scanlines, bitmap dithering). The objective is to construct digital environments that project raw functionality, mechanical precision, and high data density, deliberately discarding conventional consumer UI patterns. ## 2. Visual Archetypes The design system operates by merging two distinct but highly compatible visual paradigms. **Pick ONE per project and commit to it. Do not alternate or mix both modes within the same interface.** ### 2.1 Swiss Industrial Print Derived from 1960s corporate identity systems and heavy machinery blueprints. * **Characteristics:** High-contrast light modes (newsprint/off-white substrates). Reliance on