Stylogeny combining Corporate Memphis × Isotype Pictorial Statistics

Try

Style combination · Contrasts

Corporate Memphis × Isotype Pictorial Statistics

Corporate Memphis uses flat figures for mood; Isotype's figures always count something, so use people icons only when they carry data.

From the research on Isotype Pictorial Statistics

Mix them and make something Corporate Memphis Isotype Pictorial Statistics

HomeCorporate Memphis × Isotype Pictorial
A sample layout drawn from the recipe: shapes from Corporate Memphis, their arrangement from Isotype Pictorial Statistics, the finish from Isotype Pictorial Statistics. 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 Isotype Pictorial Statistics

Type from Corporate Memphis
Colour from Corporate Memphis
Form from Corporate Memphis
Composition from Isotype Pictorial Statistics
Surface from Isotype Pictorial Statistics

02

The type

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

Display · Corporate Memphis

Home

Hanken Grotesk, standing in for Circular (Lineto)

Text · Isotype Pictorial Statistics

A method of visual education developed by Otto Neurath, Marie Neurath (Reidemeister) and Gerd Arntz in Red Vienna from 1925, which turns statistics into rows of identical pictograms where a greater quantity is shown by more signs, never by bigger ones. Continued in The Hague and Oxford until 1971, its standardised symbols, flat colours and sans-serif captions laid the foundations of modern information graphics and pictogram systems.

Jost; Isotype Pictorial Statistics used Futura and Gerd Arntz's linocut pictogram set (c. 4,000 signs), used like a fount of picture-type

03

The colours

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

Corporate Memphis Isotype Pictorial Statistics

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

As CSS

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

05

More combinations

With Corporate Memphis

All 28 combinations with Corporate Memphis

With Isotype Pictorial Statistics

All 32 combinations with Isotype Pictorial Statistics

Every style combination