RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★ RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★ RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★ RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★ RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★ RAW CONCRETE FOR THE WEB ★ FORM = STRUCTURE ★

WANT THIS LOOK?

Copy a prompt and generate brutalism with AI

BRUTALISM
NO SOFT CORNERS
Whole site

Design a neo-brutalist website. Thick black borders, hard offset drop shadows (6px 6px 0 #000), one clashing accent (electric blue on yellow), monospace type, ALL-CAPS labels, and a deliberately exposed grid. No gradients, no soft corners.

Best for AI website builders — Lovable, v0, Bolt

Hero section

Make a brutalist hero: an oversized uppercase headline, a chunky bordered button with a hard offset shadow that shifts on hover, and blocky high-contrast color fields. Loud, raw, confident.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude

Restyle mine

Brutalize my site: square every corner, add 3px black borders and hard offset shadows to cards and buttons, switch to a monospace font, and crank the color contrast.

Paste alongside your existing site/code for an AI coding agent to apply

Paste any prompt as-is — no edits needed. Add your own brand, copy, or images on top if you want; the prompt already works without them.

For AI coding agents
Neo-brutalism guide for AI coding agents:
- Palette: white #ffffff surface, black #000000 for structure/borders/shadows/type, yellow #ffe600 signal, blue #2e2eff accent, #444444 for muted supporting text. Primary and unblended — no gradients, no color mixing.
- Type: Archivo (display, heavyweight, uppercase), Space Mono (body). Set large, tight, unrefined on purpose — no kerning elegance.
- Signature elements: 3-5px solid black borders on every element, zero-blur offset drop shadows (box-shadow: 6px 6px 0 #000), oversized uppercase type, deliberately clashing unharmonized color.
- Motion: stamp / press / thunk — elements slam in fast and physically. Never ease in softly or fade.
- Never: blurred shadows, rounded corners, pastel or harmonized palettes, soft gradients, refined/kerned typography.

Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.

THE CORNERS ARE THERE. WE WANT YOU TO FEEL THEM.