Style combination · Contrasts
British Road Signage × London Transport Design
Pick's Underground also held one public system together with a sans and a few colours, but surrounded it with commissioned artists' posters; the road signs allow no art at all, so choose London Transport when a system needs a cultural voice and the road signs when it must only inform.
Mix them and make something British Road Signage London Transport Design
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.
British Road Signage (Kinneir & Calvert) London Transport Design
- Type from London Transport Design
- Colour from British Road Signage
- Form from London Transport Design
- Composition from British Road Signage
- Surface from British Road Signage
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · London Transport Design
Form
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 · British Road Signage
The national sign system Jock Kinneir and Margaret Calvert designed for Britain's motorways, first used on the Preston By-pass in 1958, and through the Worboys Committee for all roads from 1 January 1965. Place names are set in mixed case in their Transport lettering, spaced on tiles measured in stroke widths. Colour codes the road (blue motorway, green primary with yellow numbers, white local, brown for tourism from the mid-1980s), red triangles warn and circles command with Calvert's pictograms, and junctions are drawn as maps: a kit of parts written into law.
Inter; British Road Signage used Transport (Jock Kinneir and Margaret Calvert, 1957–1963) and Motorway
03
The colours
The ground and leading colours come from British Road Signage, with a counter-accent from London Transport Design. The ink reads on the ground at 4.5:1 or more.
British Road Signage (Kinneir & Calvert) London Transport Design
-
#ffffffground · 36% -
#111111ink · 14% -
#ffd200accent · 18% -
#d0352baccent · 14% -
#d6001caccent · 10% -
#d9a441accent · 8%
As CSS
:root {
--ground: #ffffff;
--ink: #111111;
--accent-1: #ffd200;
--accent-2: #d0352b;
--accent-3: #d6001c;
--accent-4: #d9a441;
--font-display: "Fira Sans", sans-serif;
--font-text: "Inter", sans-serif;
}
Use it with care
British Road Signage (Kinneir & Calvert): These signs carry legal force: the Traffic Signs Regulations and General Directions prescribe them, so borrow the method (mixed case, colour and shape codes, a kit of parts) but never make a look-alike that a road user could take for a real traffic sign. The lettering is licensed too: GDS Transport is reserved for GOV.UK services, and New Transport is a commercial typeface from A2-Type.
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.
04
The two styles
05
More combinations
With British Road Signage
- GOV.UK Design (GDS Style) Pairs well · GOV.UK sets a descendant of the same lettering, GDS Transport (reserved for its own services), flush left on white screens without the colour code or pictograms; pair the two when a public service needs signs and screens to speak in one voice.
- Isotype Pictorial Statistics Pairs well · Neurath's counted rows of figures and Calvert's single warning silhouettes share the flat black profile; combine them for public information that both explains a situation and tells people what to do.
- Hand-Painted Signage & Vernacular Lettering Contrasts · The signwriter varies letter, flourish and colour for each job, where the Worboys kit fixes every letter and gap by regulation; set the two side by side to decide how much of a maker's hand a public sign can carry.
- HfG Ulm Systematic Design Contrasts · Both govern design by a written rule book, but Ulm ruled a company's print with a flush-left grid and one grotesque, while the Worboys kit rules roadside panels through colour, shape and pictogram codes read at speed; start from Ulm for a corporate programme and from the road signs when the reader is moving.
- Nutri-Score (Front-of-Pack Colour-Grade Label) Pairs well · Both are public signs built from a manual of fixed sizes, colours and clear zones; take the road-sign discipline when a colour-scale rating has to be applied by thousands of firms without drifting.
- Legible City Wayfinding (Heads-Up Pedestrian Maps) Contrasts · An influence from the same British public-information lineage, but road signs give drivers arrows and place names read at speed, while these totems give walkers a map to stand and read.
With London Transport Design
- Isotype Pictorial Statistics Pairs well · 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.
- Plakatstil / Sachplakat Contrasts · The Sachplakat reduced every poster to one object and a brand name, while Pick let each artist choose a different picture inside a fixed frame; use the contrast to decide between one formula and a curated plurality.
- Corporate Identity Modernism Contrasts · The post-war corporate identity programmes kept the idea of one system across every touchpoint but swapped Johnston's humanist sans for neo-grotesques and the many commissioned artists for a standards manual; choose London Transport for a warm public voice, corporate modernism for neutral uniformity.
- Vorticism & BLAST Typography Pairs well · Set a Vorticist field of angular planes under calm, evenly spaced lettering for a poster that has machine-age energy but still reads as a public service.
- Hauntology & Ghost Box Design Pairs well · Borrow the logic of a public-service programme (fixed elements, a roundel, varied pictures within one system) to give an invented hauntological institution a believable house style.
- Legible City Wayfinding (Heads-Up Pedestrian Maps) Pairs well · The parent: Legible London is a TfL system in TfL's New Johnston that extends the Underground's single-system idea from stations to the streets between them; borrow the discipline of one family repeated everywhere.
- Penguin Paperback Design (Three Bands to the Marber Grid) Pairs well · Both are British systems with a fixed emblem and a Johnston-to-Gill humanist sans; pair London Transport's commissioned pictorial art with Penguin's genre colour bands when one identity has to carry many varied items.
- Schematic Transit Diagram (Beck Tube Map Idiom) Pairs well · Set the diagram inside the wider transport identity of roundel, lettering and posters.