Stylogeny combining Streamline Moderne × Y2K Futurism

Try

Style combination · Pairs well

Streamline Moderne × Y2K Futurism

Y2K chrome and gloss rhyme with Streamline airbrush; blend them for a retro-futurist tech brand.

From the research on Streamline Moderne

Mix them and make something Streamline Moderne Y2K Futurism

FutureStreamline Moderne × Y2K Futurism1930 · 1997
A sample layout drawn from the recipe: shapes from Streamline Moderne, their arrangement from Streamline Moderne, the finish from Y2K Futurism. 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.

Streamline Moderne Y2K Futurism

Type from Y2K Futurism
Colour from Streamline Moderne
Form from Streamline Moderne
Composition from Streamline Moderne
Surface from Y2K Futurism

02

The type

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

Display · Y2K Futurism

Future

Michroma, standing in for Eurostile Extended

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

Streamline Moderne Y2K Futurism

  • #e8dcc2 ground · 36%
  • #2b2b2b ink · 14%
  • #d9822b accent · 18%
  • #1f6fff accent · 14%
  • #1f3a5f accent · 10%
  • #0095b6 accent · 8%

As CSS

:root {
  --ground: #e8dcc2;
  --ink: #2b2b2b;
  --accent-1: #d9822b;
  --accent-2: #1f6fff;
  --accent-3: #1f3a5f;
  --accent-4: #0095b6;
  --font-display: "Michroma", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Streamline Moderne

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination