neo-brutalism

Neo-brutalism design uses bold black borders, hard zero-blur shadows, uppercase typography, and cream backgrounds to create high-contrast, rebellious interfaces. It solves the problem of shipping punchy, border-driven UIs for marketing sites, dashboards, and prototypes without relying on logos.

Neo-brutalism requires a fixed five-color palette, border-4 black borders on all elements, zero-blur hard shadows, uppercase Space Grotesk typography, and a cream #FFFDF5 canvas background. These constraints ensure deterministic, high-contrast readability across your project.

Yes, neo-brutalism is designed for React and Tailwind projects including landing pages, admin dashboards, and marketing sites. It provides a punk, high-contrast aesthetic with sticker-like accents, push-button interactions, and card lift effects suitable for these applications.

Implement push button and card lift interactions by applying hard shadow translation on active and hover states within your Tailwind project. These interaction rules are enforced by the neo-brutalism framework to ensure components respond physically while maintaining the bold, border-driven aesthetic.

Yes, neo-brutalism supports a logo-free aesthetic by relying on texture-backed backgrounds, sticker-like accents, and color-blocked sections. It creates a punk, rebellious look through bold borders, uppercase Space Grotesk typography, and a fixed five-color palette without requiring custom images.