Stylogeny combining Isotype Pictorial Statistics × Schematic Transit Diagram

Try

Style combination · Pairs well

Isotype Pictorial Statistics × Schematic Transit Diagram

Add pictorial statistics beside the diagram to carry quantities as well as connections.

From the research on Schematic Transit Diagram (Beck Tube Map Idiom)

Mix them and make something Isotype Pictorial Statistics Schematic Transit Diagram

A cream-coloured poster headed “A CLEANER CITY” features intersecting red, blue and orange transit-map lines with circular stops. Matching pictograms depict public transport, pedestrians, a cyclist, trees, homes, wind turbines, flowers and people using public spaces.
AI-generated by Stylogeny from the recipe below, and checked against it: the type from Schematic Transit Diagram, the form from Isotype Pictorial Statistics, the composition from Schematic Transit Diagram. Not a real or historical work.

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 Schematic Transit Diagram (Beck Tube Map Idiom)

Type from Schematic Transit Diagram
Colour from Schematic Transit Diagram
Form from Isotype Pictorial Statistics
Composition from Schematic Transit Diagram
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 · Schematic Transit Diagram

Order

Fira Sans, standing in for Johnston

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

Isotype Pictorial Statistics Schematic Transit Diagram (Beck Tube Map Idiom)

  • #f6f3ea ground · 36%
  • #000000 ink · 14%
  • #dc241f accent · 18%
  • #b36305 accent · 14%
  • #2c5aa0 accent · 10%
  • #0019a8 accent · 8%

As CSS

:root {
  --ground: #f6f3ea;
  --ink: #000000;
  --accent-1: #dc241f;
  --accent-2: #b36305;
  --accent-3: #2c5aa0;
  --accent-4: #0019a8;
  --font-display: "Fira Sans", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Isotype Pictorial Statistics

All 32 combinations with Isotype Pictorial Statistics

With Schematic Transit Diagram

Every style combination