Live demo — an original page built in the Brutalism style. Open in new tab
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 brutalismBrutalism 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.
Unlock the full Brutalism spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
Build 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.
A soft, extruded interface where elements appear to push out of or press into a single continuous surface using paired light and dark shadows.
An expressive, hand-made design system blending organic blobs, playful illustration, and unconventional layouts into interfaces that feel like a living sketchbook.
A spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.