Raw, ugly-on-purpose, anti-corporate. Thick borders, primary colors, monospace, tilted cards.
Brutalist web design is intentionally raw, ugly-on-purpose, and anti-establishment. It rejects the polished corporate design of most tech companies and embraces thick black borders, stark primary colors (red, yellow, black), system fonts like monospace, and asymmetric or tilted layouts. It's the punk rock of web design.
No rounded corners. No gradients. No subtle shadows. Instead: solid 2–4px black borders on everything, backgrounds of pure yellow (#FFE600) or pure white, text in bold black, elements that are slightly rotated with transform: rotate, and a general sense that someone typed the HTML in Notepad in 1998. Paradoxically, it takes skill to do brutalism WELL.
Portfolio of a designer who hates rounded corners, gradients, and the word "elevate."
Brutalist banking dashboard. 12% conversion lift over polished version.
A web app for making print zines. Looks like the print zines.
A QR menu so loud the kitchen filed a complaint.
Build a brutalist portfolio website with a pure white #FFFFFF background. Use bold black borders (3px solid #000) on every card and section. Typography should be black and oversized (hero headline at 80px, font-weight 900). Accent color is yellow (#FFE600) used for hover states and highlighted sections. Add slight rotation (transform: rotate(-1deg) to -2deg) on some image cards. Use a monospace font for body text. No gradients, no drop shadows, no border-radius anywhere.