Stylogeny combining Cubist Pictorial Space × Isotype Pictorial Statistics

Try

Style combination · Contrasts

Cubist Pictorial Space × Isotype Pictorial Statistics

Isotype shows one thing from one view, Cubism one thing from many; choose Cubist fragmentation only when ambiguity is the point.

From the research on Cubist Pictorial Space

Mix them and make something Cubist Pictorial Space Isotype Pictorial Statistics

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

Cubist Pictorial Space Isotype Pictorial Statistics

Type from Cubist Pictorial Space
Colour from Isotype Pictorial Statistics
Form from Cubist Pictorial Space
Composition from Isotype Pictorial Statistics
Surface from Cubist Pictorial Space

02

The type

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

Display · Cubist Pictorial Space

Grid

Allerta Stencil, standing in for Sign-painters' stencilled capitals (Braque, from 1911)

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 Isotype Pictorial Statistics, with a counter-accent from Cubist Pictorial Space. The ink reads on the ground at 4.5:1 or more.

Cubist Pictorial Space Isotype Pictorial Statistics

  • #f2ecdf ground · 36%
  • #1a1a1a ink · 14%
  • #c8372d accent · 18%
  • #8b6b3e accent · 14%
  • #2c5aa0 accent · 10%
  • #c9b48a accent · 8%

As CSS

:root {
  --ground: #f2ecdf;
  --ink: #1a1a1a;
  --accent-1: #c8372d;
  --accent-2: #8b6b3e;
  --accent-3: #2c5aa0;
  --accent-4: #c9b48a;
  --font-display: "Allerta Stencil", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Cubist Pictorial Space

With Isotype Pictorial Statistics

All 32 combinations with Isotype Pictorial Statistics

Every style combination