Neubrutalism
Neubrutalism — Design general com bold borders, black outlines, primary colors. Template e prompt pronto para IA.
Uso: Landing pages, SaaS
Contexto Histórico
Estilo Neubrutalism representa uma tendência moderna em design UI/UX web com foco em general.
Quando Usar
Neubrutalism works when you need to signal that you're not another bland SaaS. Startups trying to stand out in a sea of soft gradients and rounded cards. Creative agencies that want their portfolio site to have the same energy as their work. Indie makers shipping something weird and proud of it. Web3 projects that need visual identity beyond dark mode and neon. It's a style that rewards confidence — if your brand voice is bold and slightly irreverent, the aesthetic will amplify it. If you're building enterprise software for banks, keep scrolling.
Princípios de Design
- Borders are structural, not decorative — every element gets a visible black outline that defines its boundaries with zero ambiguity
- Shadows are flat and offset — no blur, no spread, just a solid color block shifted 3-5px on both axes to create depth through geometry
- Color is unapologetic — saturated primaries and secondaries used at full intensity, white space as the only breathing room
- Typography carries weight — bold and extra-bold weights dominate, type is a visual element first and content second
- Layering creates hierarchy — elements visibly stack on top of each other like paper cutouts, rejecting the flat-everything orthodoxy
Especificações Técnicas
Cores
Primárias
Efeitos
box-shadow: 4px 4px 0 #000, border: 3px solid #000, no gradients, sharp corners (0px), bold typography
Light/Dark
✓ Full / ✓ Full
Relacionados
Última sincronização: 01/04/2026