Stylogeny combining Isotype Pictorial Statistics × London Transport Design

Try

Style combination · Pairs well

Isotype Pictorial Statistics × London Transport Design

Contemporary inventions of the public information graphic; pair Beck's schematic network with Neurath's counted pictograms for maps and statistics that share one flat, rational language.

From the research on London Transport Design

Mix them and make something Isotype Pictorial Statistics London Transport Design

GRIDIsotype Pictorial × London Transport
A sample layout drawn from the recipe: shapes from London Transport Design, 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.

Isotype Pictorial Statistics London Transport Design

Type from London Transport Design
Colour from Isotype Pictorial Statistics
Form from London Transport Design
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 · London Transport Design

Grid

Fira Sans, standing in for Edward Johnston's Underground sans (1916): two weights, ordinary and a capitals-only bold, with capitals on Roman square-capital proportions and diagonally set square dots on i and j; condensed letters followed for bus destination displays

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

Isotype Pictorial Statistics London Transport Design

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

As CSS

:root {
  --ground: #f2ecdf;
  --ink: #1a1a1a;
  --accent-1: #c8372d;
  --accent-2: #2c5aa0;
  --accent-3: #d9a441;
  --accent-4: #8a5a3b;
  --font-display: "Fira Sans", sans-serif;
  --font-text: "Jost", sans-serif;
}

Use it with care

London Transport Design: The roundel is a registered trade mark of Transport for London, which licenses it: draw your own emblem rather than reproducing it. New Johnston, used exclusively by TfL, and its 2016 successor Johnston100, which TfL commissioned from Monotype, are TfL's corporate typefaces; Johnston's 1916 design has been out of copyright since 2015, and for the historic letter use P22 Underground, the revival the London Transport Museum licensed to P22, or another humanist sans, not TfL's fonts. Some commissions served empire, such as Bawden's poster for the 1924 British Empire Exhibition, which the V&A describes as imperial propaganda that included human displays; do not reuse that imagery as neutral nostalgia.

05

More combinations

With Isotype Pictorial Statistics

All 32 combinations with Isotype Pictorial Statistics

With London Transport Design

All 11 combinations with London Transport Design

Every style combination