Art & design movements · 1917–1930s
Constructivism
Art in service of the revolution: bold red and black, diagonal composition, photomontage, and letterforms treated as structural force.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(97% 0 0) - --fg
oklch(10% 0 0) - --muted
oklch(44% 0 0) - --surface
oklch(99% 0 0) - --surface-2
oklch(93% 0 0) - --border
oklch(72% 0 0) - --accent
oklch(48% 0.24 27) - --accent-fg
oklch(99% 0 0) - --focus
oklch(48% 0.24 27)
| Token | Value |
|---|---|
| --font-body | 'Anton', 'Arial Narrow', 'Impact', system-ui, sans-serif |
| --font-display | 'Anton', 'Arial Narrow', 'Impact', system-ui, sans-serif |
| --font-mono | 'Courier New', monospace |
| --radius | 0px |
| --radius-sm | 0px |
| --shadow | none |
| --shadow-lg | none |
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
:root {
--bg: oklch(97% 0 0);
--fg: oklch(10% 0 0);
--muted: oklch(44% 0 0);
--surface: oklch(99% 0 0);
--surface-2: oklch(93% 0 0);
--border: oklch(72% 0 0);
--accent: oklch(48% 0.24 27);
--accent-fg: oklch(99% 0 0);
--focus: oklch(48% 0.24 27);
--font-body: 'Anton', 'Arial Narrow', 'Impact', system-ui, sans-serif;
--font-display: 'Anton', 'Arial Narrow', 'Impact', system-ui, sans-serif;
--font-mono: 'Courier New', monospace;
--radius: 0px;
--radius-sm: 0px;
--shadow: none;
--shadow-lg: none;
}Where it came from
Origin: Soviet Russia, post-October Revolution
Russian Constructivism emerged after 1917 from artists who believed art should serve social transformation rather than bourgeois taste. Aleksandr Rodchenko, Varvara Stepanova and El Lissitzky made posters, book covers and exhibition designs that treated typography as architecture. László Moholy-Nagy brought Constructivist ideas to the Bauhaus. The movement was suppressed under Stalin's doctrine of Socialist Realism in the 1930s, but its diagonal compositions and red–black palette became the visual language of the political avant-garde.
How to spot it
- Red, black and white — strictly these three colours
- Diagonal composition used as kinetic energy
- Bold sans-serif type integrated with geometric shapes
- Photomontage: cropped photography assembled collage-style
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Maximum energy with minimum colour | Red-and-black reads as political — not neutral for commercial use |
| Strong directionality guides the eye through complex information | Diagonal layout is difficult to maintain responsively |
| Diagonal elements break grid monotony without losing rigour | Can feel aggressive or authoritarian out of context |
In the wild
- El Lissitzky's Beat the Whites with the Red Wedge
- Rodchenko's advertising posters for Lengiz
- Constructivist book cover designs
Use it when
A high-energy campaign, protest context, or a design studio that wants to wear its avant-garde influences.