Brutalismo Contemporary Anti-Design Movement

Brutalist Web Design

Brutalist Web Design — Design general com brutalist, raw, unpolished. Template e prompt pronto para IA.

brutalistrawunpolishedconfrontationalmonospacedstark contrastanti-designutilitarianbold typographyexposed structure

Uso: Landing pages, SaaS

Brutalist Web Design

Contexto Histórico

Estilo Brutalist Web Design representa uma tendência moderna em design UI/UX web com foco em general.

Quando Usar

When the content should feel unmediated. Art galleries where the work needs zero visual competition. Developer blogs where the writing is the interface. Independent publishers who want to signal "we spent the budget on journalism, not gradients." Experimental sites that treat the browser as material rather than canvas. Also works when you genuinely need speed — brutalist sites are fast by default because there's nothing to load. Not appropriate when users expect conventional wayfinding or when accessibility requires more visual hierarchy than raw HTML provides.

Princípios de Design

  • Use system fonts exclusively — the user's OS already made a typography decision, respect it
  • Let HTML structure be visible — headings, lists, and links should look like what they are without cosmetic overrides
  • Reject decorative layers that don't serve comprehension — every border, shadow, and gradient needs a functional justification
  • Embrace the default stylesheet as a starting point, not a problem to solve
  • Prioritize content density and immediacy over visual comfort — the page is a document, not a stage set

Especificações Técnicas

Cores

Primárias

#000000
#FFFFFF
#FF0000
#0000FF

Secundárias

#808080
#FFFF00

Efeitos

Visible grid structure, oversized typography, raw HTML aesthetic, thick harsh borders, no rounded corners, system fonts, deliberate misalignment, underlined links, monospace blocks, stark color blocks

Light/Dark

✓ Full / ✗ No

DESIGN.md

Prompt para AI

Relacionados

Última sincronização: 01/04/2026