Brutalism
Design raw, alto contraste, cores primárias e zero suavidade. Para projetos antidesign e portfolio criativo. Prompt estruturado pronto.
Uso: Portfolio criativo, Agência de design, Blog experimental, Arte digital
Contexto Histórico
Raízes na arquitetura brutalista dos anos 1950 (brutus = bruto). Web Brutalism rejeita ornamentação, celebrando crua funcionalidade e anti-design.
Quando Usar
Brutalism works when your audience expects to be challenged — creative portfolios, design agencies, art publications, experimental projects. People in those spaces read rawness as confidence, not incompetence. But let's be honest: brutalism alienates most general audiences. Your mom's bakery website shouldn't look like a terminal dump. E-commerce with real conversion goals? Probably not. If your users need to feel safe handing over a credit card, brutalism is working against you. Use it when the aesthetic IS the message. Skip it when usability matters more than attitude.
Princípios de Design
- Raw doesn't mean random — every exposed element should be a deliberate choice, not a missing stylesheet
- Typography carries the entire weight — when you strip decoration, type becomes architecture. Go bold or go home
- Contrast is your only tool for hierarchy — without shadows, gradients, or color ramps, you live and die by black against white
- Honor the medium — show the grid, show the markup logic, let the browser's native behavior be visible rather than overridden
- Restraint over chaos — the difference between intentional brutalism and a broken page is consistency. Pick your constraints and never break them
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
No smooth transitions (instant), sharp corners (0px), bold typography (700+), visible grid, large blocks
Light/Dark
✓ Full / ✓ Full
Relacionados
Última sincronização: 01/04/2026