Agent skill · design visual · nexu-io
web-prototype-taste-brutalist
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Swiss Industrial Print mode).
Why this skill is useful
Provides specific design patterns and rules for creating a Swiss industrial print web prototype that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Web Prototype — Industrial Brutalist (Swiss Print) For briefs that ask for "editorial", "newspaper", "agency portfolio", "Swiss design", "manifesto site", or anywhere the goal is to project rigor and physicality rather than friendliness. This skill commits to ONE substrate (light Swiss print) — never mix with the dark CRT mode in the same artifact. Source Distilled from Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see design-templates/html-ppt-taste-brutalist/. Hard rules Substrate: unbleached newsprint #F4F4F0 or #EAE8E3. Foreground #050505 carbon ink. Accent: ONE color — aviation/hazard red #E61919. Used on dividing rules, strikes, alerts. Never as a fill on large surfaces. Display type: heavy neo-grotesque (Archivo Black / Inter ExtraBold/Black / Neue Haas Grotesk Black). Fluid scale clamp(4rem, 10vw, 15rem). Tracking -0.04em. Leading 0.88. Uppercase only. Micro type: monospace (JetBrains Mono / IBM Plex Mono). Fixed 10–13px. Tracking 0.1em. Uppercase. Used for navigation, metadata, captions, coordinates. Geometry: border-radius: 0 everywhere. 90° corners only. Grid: visible CSS grid with gap: 1px over an ink-colored background to render mathematically perfect 1px dividers. Negative space: asymmetric — hero has a viewport-bleeding numeral or letterform; data clusters are tightly packed. ASCII syntax: decorate sections with [ LABEL ], >>>, ///, registration ® / trademark ™ as structural ornament. Banned border-radius above 0. Drop shadows, gradients, glassmorphism, glows. Centred body text. Justify or hard-left only. Color other than ink, paper, and the hazard red. Sans-serif body fonts other than Inter/Archivo/Plex/Mono. No "premium" grotesques here — this aesthetic predates them. Curved or "soft" iconography. AI cliché copy. Use clipped, declarative print-magazine voice. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/web-prototype-taste-brutalist--02d336