Stylogeny combining Art Deco × Streamline Moderne

Try

Style combination · Pairs well

Art Deco × Streamline Moderne

Fold Streamline speed lines and rounded corners into a Deco layout to move from stepped geometry toward aerodynamic sweep.

From the research on Art Deco

Mix them and make something Art Deco Streamline Moderne

SIGNALArt Deco × Streamline Moderne1910 · 1930
A sample layout drawn from the recipe: shapes from Art Deco, their arrangement from Art Deco, the finish from Streamline Moderne. 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 Streamline Moderne

Type from Art Deco
Colour from Streamline Moderne
Form from Art Deco

Streamline Moderne avoids angular & zigzag: this is where the two pull against each other.

Composition from Art Deco
Surface from Streamline Moderne

02

The type

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

Display · Art Deco

Signal

Poiret One, standing in for Bifur (A. M. Cassandre, 1929)

Text · Streamline Moderne

The late, chiefly American phase of Art Deco, in which aerodynamic science became a visual language for a Depression-era culture hungry for progress. Industrial designers and illustrators wrapped trains, radios, diners and posters in teardrop curves, horizontal speed lines, rounded corners and airbrushed chrome, selling the 'World of Tomorrow' at the 1939 New York World's Fair.

Jost; Streamline Moderne used Huxley Vertical and Agency Gothic

03

The colours

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

Art Deco Streamline Moderne

  • #e8dcc2 ground · 36%
  • #2b2b2b ink · 14%
  • #d9822b accent · 18%
  • #1f3a5f accent · 14%
  • #8c1c26 accent · 10%
  • #7fa7b8 accent · 8%

As CSS

:root {
  --ground: #e8dcc2;
  --ink: #2b2b2b;
  --accent-1: #d9822b;
  --accent-2: #1f3a5f;
  --accent-3: #8c1c26;
  --accent-4: #7fa7b8;
  --font-display: "Poiret One", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Art Deco

All 23 combinations with Art Deco

With Streamline Moderne

Every style combination