메뉴
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).
| name | web-prototype-taste-brutalist |
| description | 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). |
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.
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 skills/html-ppt-taste-brutalist/.
#F4F4F0 or #EAE8E3. Foreground #050505 carbon ink.#E61919. Used on dividing rules, strikes, alerts. Never as a fill on large surfaces.clamp(4rem, 10vw, 15rem). Tracking -0.04em. Leading 0.88. Uppercase only.10–13px. Tracking 0.1em. Uppercase. Used for navigation, metadata, captions, coordinates.border-radius: 0 everywhere. 90° corners only.gap: 1px over an ink-colored background to render mathematically perfect 1px dividers.[ LABEL ], >>>, ///, registration ® / trademark ™ as structural ornament.border-radius above 0.01. / 02.) with hairline <hr> between each, hard-left aligned.display: grid; gap: 1px on an ink background.This aesthetic is mechanical, not animated. Use motion only as a precision mechanism:
IntersectionObserver reveal: instant opacity 0 → 1, no translate/blur.:active on links: invert ink/paper instantly. No transitions over 120ms.border-radius is 08vw)10–13px, letter-spacing: 0.1emdisplay: grid; gap: 1px ink-background module[ ... ], >>>, ///)Create animation-rich, zero-dependency HTML presentations on a fixed 1920×1080 stage that scales to any viewport. Distinctive typography, committed palettes, choreographed reveals — no generic AI-slop aesthetics.
Creative Voltage decks: retro-modern electric blue × deep navy split panels, neon yellow badges, halftone dot textures, and script flourishes on a fixed 1920×1080 stage that scales to any viewport. Syne + Space Mono + Yellowtail. Single-file, zero-dependency HTML.
Editorial Forest — a quiet, literary HTML deck theme: deep forest green #2e4a2a, dusty pink #e89cb1, and warm cream #efe7d4 paper set in Source Serif 4 with JetBrains Mono kickers. Mixed light/dark scheme, 8-slide quarterly-review rhythm, fixed 1920×1080 stage scaled to any viewport.
Electric Studio (钴蓝工作室) HTML decks: bold clean vertical split panels — white over cobalt #4361ee — with corner brand marks, a dark accent bar on the panel seam, quote typography as the hero element, all-Manrope 800/400, and confident restrained spacing. Fixed 1920×1080 stage scaled to any viewport, zero dependencies.
Emerald Editorial - magazine-cover business decks: saturated emerald #3CD896 canvas, deep navy #0F1A5C ink, warm paper #F1E9D6 tiles, double-rule masthead ornaments, Bodoni Moda 900 display serif, fixed 1920x1080 stage with uniform viewport scaling. Mixed scheme, 8 slide masters.
Create editorial 'physical notebook' HTML decks: a cream paper card floating on a dark ground, mint/lavender/pink/sky index tabs on the right edge, binder holes on the left, Bodoni Moda display + DM Sans body. Fixed 1920×1080 stage scaled to any viewport. Locked theme — only the content changes.