Live demo — an original page built in the Brutalism style. Open in new tab
Brutalism
Raw, loud, and unapologetic—hard edges, heavy borders, stark contrast, and type that shouts, with zero decoration to hide behind.
Install via CLI
$ npx staqd add brutalismInside this skill
Brutalism strips the interface back to raw material: black borders, hard shadows with no blur, screaming type, and primary colors that refuse to apologize. It rejects soft gradients and gentle rounding in favor of blunt honesty—what you see is structure, and the structure is the style. Reach for it when you want a page that feels handmade, confident, and impossible to ignore: portfolios, drops, zines, and statement landings that thrive on attitude over polish.
Design principles
- Zero softness: 0px radius everywhere, hard edges on every box and button.
- Borders do the work: thick black strokes (2–4px) define structure instead of subtle shadows.
- Hard offset shadows only: solid color blocks offset down-right with no blur, like a stamp.
- Type as image: oversized, uppercase, ultra-bold headlines that dominate the layout.
- Raw color: pure black and white plus loud, saturated primaries used in flat blocks.
- Intentional imperfection: slightly off-grid placement and exposed structure beat pixel-perfect polish.
Brutalism is a Pro skill
Unlock the full Brutalism spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
- Every design skill, growing weekly
- Full Pro prompt library + unlimited MCP
- Commercial-use rights on output
Use it with these prompts
Hero block
FreeBuild a Brutalism hero with a massive uppercase Archivo headline, a thick 3px black border around the section, a hard 6px offset black shadow on the primary button, and a stark white background with one screaming red-orange accent.
Card wall
ProPricing slab
ProMore aesthetic skills
Neumorphism
aestheticA soft, extruded interface where elements appear to push out of or press into a single continuous surface using paired light and dark shadows.
Artistic
aestheticAn expressive, hand-made design system blending organic blobs, playful illustration, and unconventional layouts into interfaces that feel like a living sketchbook.
Perspective
aestheticA spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.