Stylogeny combining Acid Graphics × Corporate Memphis

Try

Style combination · Contrasts

Acid Graphics × Corporate Memphis

Acid graphics defines itself against Corporate Memphis' friendliness; lean into the contrast to signal underground credibility.

From the research on Acid Graphics / New Ugly

Mix them and make something Acid Graphics Corporate Memphis

HomeHomeHomeAcid Graphics × Corporate Memphis2016 · 2017
A sample layout drawn from the recipe: shapes from Corporate Memphis, their arrangement from Acid Graphics, the finish from Acid Graphics. 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.

Acid Graphics / New Ugly Corporate Memphis

Type from Acid Graphics

Corporate Memphis avoids experimental & distorted: this is where the two pull against each other, which is the point of the contrast.

Colour from Corporate Memphis
Form from Corporate Memphis
Composition from Acid Graphics
Surface from Acid Graphics

02

The type

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

Display · Acid Graphics

Home

Tilt Warp, standing in for Liquid-chrome and melted custom lettering

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

Acid Graphics / New Ugly Corporate Memphis

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

As CSS

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

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Corporate Memphis

All 28 combinations with Corporate Memphis

Every style combination