Flat design.

How to recognize it.

1. Solid fills
2. Minimal shading
3. Simple icon geometry

Context & origins.

Flat design is a web and interface style defined by the absence of glossy or three-dimensional visual effects, avoiding shadows, gradients, highlights and realistic textures. It gained prominence around 2011 and 2012, strongly shaped by Microsoft's Metro design language and the release of Windows 8, which Microsoft presented as exploring the digital medium rather than imitating the physical world. Apple's adoption around 2013 further confirmed the trend, which arose as a reaction against overused 3D effects and skeuomorphism.

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

In practice.

Use spacing, labels and contrast to make interactive elements identifiable.

What to watch for

Removing depth must not remove affordances.

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

Visual characteristics.

grid discipline

strict

palette logic

restricted

contrast

medium

texture

flat

hierarchy

strict

ornament level

none

Sources & further reading.

1. Supplied research: Graphic Design Movements 1850–2000 ↗flat-design.mdConsulted 2026-09-24
2. wikidata ↗Consulted 2026-08-23