Neobrutalism is a design trend that combines raw brutalist aesthetics with 90s graphic design nostalgia. Here's how to implement it in your projects.
The key rules
- Borders: Always 2px solid black
- Shadows: Hard offset, no blur —
4px 4px 0px 0px #000 - Colors: Bold, saturated, limited palette (2-3 colors max)
- Typography: Chunky headings, clean body text
- Hover effects: Cards press down or lift up
Why developers love it
Neobrutalism is surprisingly developer-friendly. The rules are simple, the CSS is minimal, and the results are striking. No gradients, no complex animations — just bold shapes and colors.
Tools and libraries
- neobrutalism.dev — shadcn-based component library
- Tailwind CSS — perfect for utility-first neobrutalism
- Space Grotesk — great heading font for the style