London Transport Design × Schematic Transit Diagram

Set the diagram inside the wider transport identity of roundel, lettering and posters.

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

Mix them and make something London Transport Design Schematic Transit Diagram

A sample layout drawn from the recipe: shapes from London Transport Design, their arrangement from Schematic Transit Diagram, the finish from London Transport Design. Not a real work, and not an image of either style.

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.

London Transport Design Schematic Transit Diagram (Beck Tube Map Idiom)

Type from London Transport Design: Humanist sans
All caps
Colour from Schematic Transit Diagram: Full polychrome
Flat fields
Form from London Transport Design: Rectilinear
Emblems & badges
Composition from Schematic Transit Diagram: Diagonal axis
Repetition & rhythm
Surface from London Transport Design: Flat

The type

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

Display · London Transport Design

Index

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 · London Transport Design

The design programme Frank Pick built for London's Underground from 1908 and the London Passenger Transport Board (1933–40), continued by Harold Hutchison (1947–66). Fixed elements recurred across stations, notices and maps: Edward Johnston's humanist sans (1916), the red-ring-and-blue-bar roundel and Harry Beck's diagram (1933). Pick, an admirer of Morris and Lethaby, carried the craft ideal of 'fitness for purpose' into transport. Around those constants he commissioned lithographed posters from many artists, Kauffer, Bawden and Man Ray among them: varied art in one consistent system.

Fira Sans; London Transport Design used Edward Johnston's Underground sans (1916) and Poster artists' own hand-drawn lettering on lithographed pictorial posters

The colours

The ground and leading colours come from Schematic Transit Diagram, with a counter-accent from London Transport Design. The ink reads on the ground at 4.5:1 or more.

London Transport Design Schematic Transit Diagram (Beck Tube Map Idiom)

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

As CSS

:root {
  --ground: #f6f3ea;
  --ink: #000000;
  --accent-1: #dc241f;
  --accent-2: #b36305;
  --accent-3: #d9a441;
  --accent-4: #0019a8;
  --font-display: "Fira Sans", sans-serif;
  --font-text: "Fira Sans", 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.

The two styles

1908–1966 · Western Europe London Transport Design The design programme Frank Pick built for London's Underground from 1908 and the London Passenger Transport Board (1933–40), continued by Harold Hutchison (1947–66). Fixed elements recurred across stations, notices and maps: Edward Johnston's humanist sans (1916), the red-ring-and-blue-bar roundel and Harry Beck's diagram (1933). Pick, an admirer of Morris and Lethaby, carried the craft ideal of 'fitness for purpose' into transport. Around those constants he commissioned lithographed posters from many artists, Kauffer, Bawden and Man Ray among them: varied art in one consistent system.

A poster titled “RIVER LINKS” shows intersecting red, blue, green and ochre transit-style routes with white stops and black-ringed junctions over a broad, angular light-blue river. Small symbols of mountains, trees, wheat, buildings, waves and a sprout mark route endpoints on an off-white background.

1931–present · Western Europe, Global / networked Schematic Transit Diagram (Beck Tube Map Idiom) A diagram idiom for rail networks that puts topology before geography: lines run only horizontally, vertically or at 45 degrees, stations sit at even intervals, each line has its own colour, and the real shape of the city is bent to fit. Born with Harry Beck's London Underground diagram, it was copied for metro and rail maps worldwide. Its real lineage, electrical circuit diagrams, is not in the atlas, so it has no parent here; the palette listed is modern TfL line colours, not Beck's 1933 palette.