Brutalist web design

Browse high-impact directions built with hard edges, assertive type, visible rules, stark contrast, and unconventional composition.

44available designs

See the direction before you build

Every result opens into responsive light and dark previews, editable source, implementation details, and related designs.

Search all matching designs
Big type hero

A fold-filling hero that renders the name at oversized typographic scale with a discipline line, lede, two actions, and a three-cell grounding facts grid.

Cut corners buttons

Buttons with angled, clipped corners for a sharp geometric look. Fits gaming, tech, or editorial interfaces that want an edgy call to action.

Skew buttons

Buttons with a skewed, slanted shape for a sense of dynamic energy. Suits sports, fitness, and bold marketing pages that want forward momentum.

Bento work grid

An asymmetric four-column project grid where two tiles span two columns at a wide aspect ratio and four sit at standard size, each captioned with category, role, and year.

Big type links

An index of social destinations in oversized type, each ruled row pairing a mono number, a large platform name, a handle, and a hover arrow.

What makes it distinctive

These designs rely on structure and contrast instead of polish effects: thick rules, oversized statements, skewed controls, and unapologetic density.

Where it works

Creative studios, cultural projects, launches, portfolios, experimental tools, and brands that can support a confrontational visual voice.

Direction for your coding agent

Keep the strong geometry and contrast intentional. Preserve keyboard focus, readable line lengths, and touch targets while adapting the visual edge.