Stylogeny combining Art Deco × Vienna Secession

Try

Style combination · Pairs well

Art Deco × Vienna Secession

Carry the Secession's squares, chequers and gold into Deco's stepped geometry for a luxurious but disciplined look.

From the research on Vienna Secession

Mix them and make something Art Deco Vienna Secession

SOIRÉEArt Deco × Vienna Secession1910 · 1897
A sample layout drawn from the recipe: shapes from Art Deco, their arrangement from Vienna Secession, 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 Vienna Secession

Type from Vienna Secession
Colour from Art Deco
Form from Art Deco
Composition from Vienna Secession
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 · Vienna Secession

Soirée

Federant; Vienna Secession used Alfred Roller's elongated, interlocking block capitals and Koloman Moser's geometric display lettering

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 Vienna Secession. The ink reads on the ground at 4.5:1 or more.

Art Deco Vienna Secession

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

As CSS

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

05

More combinations

With Art Deco

All 23 combinations with Art Deco

With Vienna Secession

All 10 combinations with Vienna Secession

Every style combination