Stylogeny combining Corporate Memphis × Memphis Design

Try

Style combination · Contrasts

Corporate Memphis × Memphis Design

Corporate Memphis tamed the original's clash and irony; restore real colour conflict and wit to escape generic tech illustration.

From the research on Memphis Design

The original's real colour clash, irony and Sottsass or Du Pasquier patterns are the foil to generic confetti blobs; borrow one genuine Memphis pattern to give the illustration an edge.

From the research on Corporate Memphis

Mix them and make something Corporate Memphis Memphis Design

HelloCorporate Memphis × Memphis Design2017 · 1981
A sample layout drawn from the recipe: shapes from Corporate Memphis, their arrangement from Corporate Memphis, the finish from Memphis Design. 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.

Corporate Memphis Memphis Design

Type from Memphis Design
Colour from Corporate Memphis
Form from Corporate Memphis
Composition from Corporate Memphis
Surface from Memphis Design

02

The type

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

Display · Memphis Design

Hello

Jost, standing in for Futura

Text · Corporate Memphis

The flat vector illustration style that became the default visual voice of big tech in the late 2010s: faceless, ethnically non-specific figures with elongated limbs and tiny heads, drawn in bright flat colour among blobs, leaves and confetti. Codified in Buck's Alegria system for Facebook (2017) and spread by open libraries such as unDraw and Humaaans, it was later named, half-mockingly, after the Memphis Group.

Hanken Grotesk; Corporate Memphis used Circular and Airbnb Cereal

03

The colours

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

Corporate Memphis Memphis Design

  • #ffffff ground · 36%
  • #2f2e41 ink · 14%
  • #ffc857 accent · 18%
  • #ff5a36 accent · 14%
  • #6c63ff accent · 10%
  • #2ec4b6 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #2f2e41;
  --accent-1: #ffc857;
  --accent-2: #ff5a36;
  --accent-3: #6c63ff;
  --accent-4: #2ec4b6;
  --font-display: "Jost", sans-serif;
  --font-text: "Hanken Grotesk", sans-serif;
}

05

More combinations

With Corporate Memphis

All 28 combinations with Corporate Memphis

With Memphis Design

All 17 combinations with Memphis Design

Every style combination