Stylogeny combining Art Nouveau × Russian Constructivism

Try

Style combination · Contrasts

Art Nouveau × Russian Constructivism

Organic sensuality versus machine-age diagonals: use the opposition to stage nature against industry.

From the research on Art Nouveau

Mix them and make something Art Nouveau Russian Constructivism

ReverieArt Nouveau × Russian Constructivism
A sample layout drawn from the recipe: shapes from Art Nouveau, their arrangement from Russian Constructivism, the finish from Art Nouveau. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Art Nouveau Russian Constructivism

Type from Art Nouveau
Colour from Russian Constructivism
Form from Art Nouveau

Russian Constructivism avoids whiplash line: this is where the two pull against each other, which is the point of the contrast.

Composition from Russian Constructivism
Surface from Art Nouveau

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Art Nouveau

Reverie

Federant, standing in for Arnold Böcklin (Otto Weisert, 1904)

Text · Russian Constructivism

Constructivism rejected art for art's sake in favour of the artist-engineer building useful things for the new Soviet society. In posters, books, film publicity and state advertising it fused bold grotesque type, heavy bars, photomontage and diagonal axes into an urgent, utilitarian language of agitation that shaped modern graphic design worldwide.

Archivo; Russian Constructivism used Soviet heavy grotesques and Rodchenko's constructed block lettering

03

The colours

The ground and leading colours come from Russian Constructivism, with a counter-accent from Art Nouveau. The ink reads on the ground at 4.5:1 or more.

Art Nouveau Russian Constructivism

  • #efe6d2 ground · 36%
  • #141414 ink · 14%
  • #d1261c accent · 18%
  • #c9a24b accent · 14%
  • #c9b28a accent · 10%
  • #3f7a75 accent · 8%

As CSS

:root {
  --ground: #efe6d2;
  --ink: #141414;
  --accent-1: #d1261c;
  --accent-2: #c9a24b;
  --accent-3: #c9b28a;
  --accent-4: #3f7a75;
  --font-display: "Federant", sans-serif;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With Art Nouveau

All 28 combinations with Art Nouveau

With Russian Constructivism

All 21 combinations with Russian Constructivism

Every style combination