Stylogeny combining Art Deco × Art Nouveau

Try

Style combination · Contrasts

Art Deco × Art Nouveau

Deco straightened Nouveau's whiplash; place a rigid sunburst beside one sinuous curve to show the evolution.

From the research on Art Deco

Mix them and make something Art Deco Art Nouveau

GiltArt Deco × Art Nouveau1910 · 1890
A sample layout drawn from the recipe: shapes from Art Nouveau, their arrangement from Art Deco, the finish from Art Deco. 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 Deco Art Nouveau

Type from Art Nouveau
Colour from Art Deco
Form from Art Nouveau

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

Composition from Art Deco
Surface from Art Deco

02

The type

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

Display · Art Nouveau

Gilt

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

Text · Art Deco

The glamorous modern style named after the 1925 Paris Exposition des Arts Décoratifs, which disciplined ornament into geometry: sunbursts, chevrons, stepped forms and sleek stylised figures rendered in lacquer-smooth colour with metallic accents. In Cassandre's and Colin's posters, fashion magazines, cinemas and luxury packaging it spoke of speed, travel, jazz and wealth.

Jost; Art Deco used Broadway and Bifur

03

The colours

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

Art Deco Art Nouveau

  • #111111 ground · 36%
  • #f1e6cf ink · 14%
  • #c9a227 accent · 18%
  • #8c1c26 accent · 14%
  • #3f7a75 accent · 10%
  • #0f5c55 accent · 8%

As CSS

:root {
  --ground: #111111;
  --ink: #f1e6cf;
  --accent-1: #c9a227;
  --accent-2: #8c1c26;
  --accent-3: #3f7a75;
  --accent-4: #0f5c55;
  --font-display: "Federant", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Art Deco

All 23 combinations with Art Deco

With Art Nouveau

All 28 combinations with Art Nouveau

Every style combination