# De Stijl

> Universal harmony through reduction: only primary colours, only horizontal and vertical lines, only the rectangle.

- Category: Art & design movements
- Era: 1917–1931
- Origin: Netherlands — the journal De Stijl, Leiden
- Lesson: https://design.dawit.dev/styles/de-stijl
- Try it: https://design.dawit.dev/styles/de-stijl?style=de-stijl

## Where it came from

Theo van Doesburg founded the De Stijl journal in 1917. Piet Mondrian was its most famous practitioner, building paintings of red, yellow and blue rectangles divided by black lines. Gerrit Rietveld designed the Red and Blue Chair around 1918 and painted it in its famous colours in the early 1920s. The movement sought a universal visual language transcending individual expression — a spiritual geometry. Van Doesburg introduced the diagonal in 1924, splitting him from Mondrian. The movement effectively ended with Van Doesburg's death in 1931.

## How to spot it

- Primary colours — red, yellow, blue — and only black and white
- Strictly horizontal and vertical lines; no curves, no diagonals
- Rectangular grids that extend across the whole composition
- Asymmetric balance achieved through scale, not position alone

## Strengths

- Iconic — Mondrian's grid patterns are among the most recognised in design history
- Extreme constraint produces unexpected solutions
- Maps cleanly onto CSS grid and border systems

## Weaknesses

- Extremely limited palette — not suitable for complex information
- Feels like 'design history' rather than contemporary UI
- Thick black rules are bulky on dense screens

## In the wild

- Mondrian's Composition with Red Yellow and Blue
- Rietveld's Red and Blue Chair
- Rietveld Schröder House interior

## Use it when

A design portfolio, cultural institution, or a hero moment that can afford to be highly recognisable and reductive.

## Related styles
[Bauhaus](https://design.dawit.dev/styles/bauhaus.md), [Constructivism](https://design.dawit.dev/styles/constructivism.md), [Minimalism](https://design.dawit.dev/styles/minimalism.md)
