Style IndexAbout the archive ↗
← Back to the index
StyleResearch overview

Neo-Brutalism.

Thick black outlines, hard offset shadows and flat bright colors give an interface a bold, deliberately blunt look.

How to recognize it.

  1. Heavy black borders
  2. Hard offset shadows
  3. Flat saturated fills

Context & origins.

Neobrutalism is a visual design trend marked by high contrast, blocky layouts, bold colors, thick borders and deliberately unpolished elements. Nielsen Norman Group describes it as an evolution of brutalist web design that mixes the brutalist approach with nostalgic graphic elements from the 1990s. Common features include vivid color pairings, solid rather than soft drop shadows, geometric shapes without gradients, quirky typefaces and retro interface touches. Compared with plain brutalism, it tends to be more colorful and orderly.

Historical context draws on the supplied research. Approximate periods are reference ranges, not fixed boundaries. See the source notes below.

In practice.

Use the heavy frame to single out a few key actions, not every element.

What to watch for

Keep this distinct from raw brutalist web design, which avoids a polished color system.

These are editorial design observations, not rules for classifying every work.

Visual characteristics.

grid discipline
moderate
palette logic
restricted
contrast
high
texture
flat
hierarchy
moderate
ornament level
minimal

Works to study.

Sources & further reading.

  1. Supplied research: Graphic Design Movements 1850–2000 ↗neo-brutalism.mdConsulted 2026-09-24
  2. project page ↗Consulted 2026-09-25
  3. project page ↗Consulted 2026-09-25
  4. project page ↗Consulted 2026-09-25
Read our approach to sources and image selection ↗