Neo-Brutalism — Design Dossier
Neo-Brutalism challenges polite corporate conformity with stark 3px solid black outlines, high-contrast saturated color blocking, physical translate clicks, and asymmetric sticker geometry. It projects confidence, rebellion, and playful authenticity without sacrificing readability.
An optimistic pop-art synthesis of 1950s architectural Brutalism and 1980s Memphis design. Strips away soft blurred skeuomorphism in favor of unapologetic high-contrast lines, hard offset drop shadows (`5px 5px 0px #000`), and raw structural candor.
- Instantly memorable with unmistakable brand personality
- Tactile physical feel—users enjoy interacting with punchy buttons
- Inappropriate for conservative corporate banking or somber institutions
- Heavy black borders can feel harsh if used indiscriminately across small UI items
High readability: Thick borders clearly define touch targets. Text is almost exclusively 100% black on saturated or parchment surfaces, exceeding 7:1 WCAG contrast ratios. Motion sensitivity is respected with quick mechanical transitions.
Excellent: Zero GPU-intensive blur filters or gradient rendering. Simple box-shadow with zero spread/blur renders extremely fast even on low-power devices.