Stylogeny combining Corporate Memphis × Dark Tech Minimalism

Try

Style combination · Contrasts

Corporate Memphis × Dark Tech Minimalism

Dark tech minimalism displaced Corporate Memphis on SaaS sites; reintroduce one illustration only if the page genuinely lacks warmth.

From the research on Dark Tech Minimalism

Mix them and make something Corporate Memphis Dark Tech Minimalism

FutureCorporate Memphis × Dark Tech Minimalism
A sample layout drawn from the recipe: shapes from Corporate Memphis, their arrangement from Dark Tech Minimalism, the finish from Dark Tech Minimalism. 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 Dark Tech Minimalism

Type from Dark Tech Minimalism
Colour from Corporate Memphis

Dark Tech Minimalism avoids full polychrome: this is where the two pull against each other, which is the point of the contrast.

Form from Corporate Memphis

Dark Tech Minimalism avoids stylised figuration: this is where the two pull against each other, which is the point of the contrast.

Composition from Dark Tech Minimalism
Surface from Dark Tech Minimalism

02

The type

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

Display · Dark Tech Minimalism

Future

Inter, standing in for Inter

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

Corporate Memphis Dark Tech Minimalism

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

As CSS

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

05

More combinations

With Corporate Memphis

All 28 combinations with Corporate Memphis

With Dark Tech Minimalism

All 13 combinations with Dark Tech Minimalism

Every style combination