cycle line - typographic specifications

CYCLE LINE

TypographicSpecifications

ON YER’ BIKE

2

CYCLE LINE SPECIFICATIONS

M AY FA I R

S O H O

K N I G H T S B R I D G E

B R O M P T O N

B E L G R A V I A

W E S T M I N S T E R

S T J A M E S ’ S

H Y D E PA R K

L A M B E T H

S O U T HB A N K

Green Park

St James’s Park

RoseGarden

NanniesLawn

Victroia Tower Gardens

DeansYard

ParliamentSquare

St John’sGarden

Serpentine Lake

JubileeGardens

BuckinghamPalace Gardens

St James’sSquare

Belgrave Square

Guards Memorial

HungerfordBridge

London Eye

London Aquarium

Downing Street

Trafalgar Square

The Ritz

Westminster Abbey

National Portrait Gallery

National Gallery

BuckinghamPalace

Her Majesty’s Theatre

Houses ofParliament

Big Ben

Westminster Cathedral

RHS

PortlandHouse

HorseGuardsParade

MarlsbouroughHouse

NationalTheatre

RoyalFestivalHall

ShellCenter

WellingtonBarracks

GuardsMuseum

Royal Mews

Harrods

Sheraton Park Tower

The RoyalSociety

Institute ofContempory Arts


Ministry ofDefence

Ministry ofDefence

Foreign Office

CabinetOffice

HM Treasury

Cenotaph

Nelsons Column

HolocaustMemorial

Albert Gate

QueenElizabethGate

QueenVictoriaMemorial

Lambeth Palace

CleopatrasNeedle

AdmiraltyArch

Park LaneHilton

Wellington Arch

The HomeOffice

ScotlandYard

St ThomasHospital

BanquetingHouse

Castle La

ne

Old Queen Street

Whitehall Place

V

illie

rs S

t

Cravern Street

Carlton House Te

rrace

Charles S

treet

Heartford Street

Dover Street

Sackville St

Adam Sreet

Sandy P

lace

Albem

arle St Stra

nd

Great Peter Street

Thirleby Road

Curzon Street

Hill Street

Old Bond Street

Horseferry Road

Horseferry Road

Berkley Street

Northumberland Avenue

Vauxhall Bridge Road

Whitehall

W

hiteh

allM

illban

k

M

illban

k

Vic

tori

a Em

ban

kmen

t

V

ictor

ia E

m

bankment

York

Roa

d

Waterloo Bridge

Lambeth Road

L

ambeth Road

Waterloo Road

Grosvenor P lace

Victoria Street

Victoria Street

V

ictoria

Street

Sloan

Street

Slo

an Street

Knightsbridge Road

Eato

n Gat

e

Holb

art

Place

Park Lane

Park Lan

e

Park Lane

Park Lane

Picc

adilly

Piccadilly

Regent Street

Buckingham Gate

Buckingham Palace Rd

Buck

ingh

am P

alac

e Ro

ad

Lam

beth

Pal

ace

Road

Lam

beth

Pal

ace

Ro

ad

Westminster Bridge

Great Sm

ith Street

Great Sm

ith Street

Gro

sven

or

Cres

ent

Belgrave Place

Pall Mall

Pall M

all

St James’s Street

The Mall

The M

all

Lower Belgrave St

Palace Street

Petty France

Tothill Street

Ho

rse

Gu

ard

s R

oad

Horse GuardRo

ad

Belv

eder

e Ro

ad

Upper Belgrave Sreet

Pont Street

Pont St re

et

Brompto

n Road

Birdcage Walk

Westminster

Waterloo

Charing Cross

Embankment

Picadilly Circus

LambethNorth

St James’s Park

Hyde Park Corner

Victoria

Green Park

Knightsbridge

Borough Wide MapTYPOGRAPHIC SPECIFICATIONS

NeighbourhoodsFamily: Frutiger LT Std Weight: 67 Bold CondensedSize: 20.02 ptTracking: 200All CapsColour: C=58 M=49 Y=47 K=15

StationsFamily: Frutiger LT Std Weight: 65 BoldSize: 11.97 ptLeading: 13.17 ptRanged LeftColour: C=52 M=43 Y=41 K=7

AttractionsFamily: Frutiger LT Std Weight: 65 BoldSize: 7 ptLeading: 8 ptRanged LeftColour: C=52 M=43 Y=41 K=7

Position name centrally over building directly next to marker.

StreetsFamily: Frutiger LT Std Weight: 55 RomanSize: 7 ptBaseline Shift: 4 pt off its path

Add an extra pt if the road has two paths.

Indent: 4 pt from start of path

Adjust indent if in conflict with other map element.

Colour: C=52 M=43 Y=41 K=7

Large Parks & RiversFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 17.52 ptColour: C=52 M=43 Y=41 K=7

Small Parks & LakesFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 17.52 ptColour: C=52 M=43 Y=41 K=7

Due to the vast quantity of information held within maps and the strong hierarchy that is achieved through typography, colour and weights, both of letters and strokes, the specifications for the borough wide map shall be broken up into typographic and non-typographic (e.g. Route markers, buildings, parks, etc.) aspects.

In the examples the main map will remain the same for both the handheld maps and the hub. Although there is an increase in size from the A2 map to the A1 hub, the size of the map only increases slightly and therefore to fit more comfortably on the plane the size of all features on the map shall increase also. Therefore these features will remain locked in the A2 sized map and just increase slightly in size when applied to the larger medium.

3


Borough Wide MapNON-TYPOGRAPHIC SPECIFICATIONS

RecommendedCycle RoadsStroke Width: 2 ptColour: C=37 M=29 Y=28 K=0

Border: 0.5 ptColour: C=17 Y=12 M=13 K=0

Cycle LinesStroke Width: 2.5 ptVarious ColoursSee Cycle Line colour scheme in a couple of pages

ParksFill Colour: C=13 M=41 Y=29 K=0

Border Width: 0.5 ptColour: C=19 Y=1 M=27 K=0

BackgroundFill Colour: C=13 M=41 Y=29 K=0

PathsStroke Width: 2 ptColour: C=4 M=3 Y=2 K=0Border: 0.5 ptColour: C=19 Y=1 M=27 K=0

Rivers/LakesFill Colour: C=10 M=0 Y=0 K=1

Border Width: 0.5 ptColour: C=20 M=0 Y=0 K=6

Minor RoadsStroke Width: 2 ptColour: C=4 M=3 Y=2 K=0Border: 0.5 ptColour: C=17 Y=12 M=13 K=0

Busy/A-RoadsStroke Width: 2.5 ptColour: C=4 M=3 Y=2 K=0Border: 0.5 ptColour: C=17 Y=12 M=13 K=0

BuildingsColour: C=27 M=20 Y=20 K=0

Border Width: 0.25 ptBorder Colour: C=37 Y=29 M=28 K=0

Due to the simple diagrammatic nature of the Cycle Line maps it is quite simple to create specifications that could be applied elsewhere should the scheme be applied to a different city.

M AY FA I R

S O H O

K N I G H T S B R I D G E

B R O M P T O N

B E L G R A V I A


S T J A M E S ’ S

H Y D E PA R K

L A M B E T H

S O U T HB A N K

Green Park

St James’s Park

RoseGarden

NanniesLawn

Victroia Tower Gardens

DeansYard

ParliamentSquare

St John’sGarden

Serpentine Lake

JubileeGardens

BuckinghamPalace Gardens

St James’sSquare

Belgrave Square

Guards Memorial

HungerfordBridge

London Eye

London Aquarium

Downing Street

Trafalgar Square

The Ritz

Westminster Abbey

National Portrait Gallery

National Gallery

BuckinghamPalace

Her Majesty’s Theatre

Houses ofParliament

Big Ben

Westminster Cathedral

RHS

PortlandHouse

HorseGuardsParade

MarlsbouroughHouse

NationalTheatre

RoyalFestivalHall

ShellCenter

WellingtonBarracks

GuardsMuseum

Royal Mews

Harrods

Sheraton Park Tower

The RoyalSociety



Ministry ofDefence

Ministry ofDefence

Foreign Office

CabinetOffice

HM Treasury

Cenotaph

Nelsons Column

HolocaustMemorial

Albert Gate

QueenElizabethGate

QueenVictoriaMemorial

Lambeth Palace

CleopatrasNeedle

AdmiraltyArch

Park LaneHilton

Wellington Arch

The HomeOffice

ScotlandYard

St ThomasHospital

BanquetingHouse

Castle La

ne

Old Queen Street

Whitehall Place

V

illie

rs S

t

Cravern Street

Carlton House Te

rrace

Charles S

treet

Heartford Street

Dover Street

Sackville St

Adam Sreet

Sandy P

lace

Albem

arle St Stra

nd

Great Peter Street

Thirleby Road

Curzon Street

Hill Street

Old Bond Street

Horseferry Road

Horseferry Road

Berkley Street

Northumberland Avenue

Vauxhall Bridge Road

Whitehall

W

hiteh

allM

illban

k

M

illban

k

Vic

tori

a Em

ban

kmen

t

V

ictor

ia E

m

bankment

York

Roa

d

Waterloo Bridge

Lambeth Road

L

ambeth Road

Waterloo Road

Grosvenor P lace

Victoria Street

Victoria Street

V

ictoria

Street

Sloan

Street

Slo

an Street

Knightsbridge Road

Eato

n Gat

e

Holb

art

Place

Park Lane

Park Lan

e

Park Lane

Park Lane

Picc

adilly

Piccadilly

Regent Street

Buckingham Gate

Buckingham Palace Rd

Buck

ingh

am P

alac

e Ro

ad

Lam

beth

Pal

ace

Road

Lam

beth

Pal

ace

Ro

ad

Westminster Bridge

Great Sm

ith Street

Great Sm

ith Street

Gro

sven

or

Cres

ent

Belgrave Place

Pall Mall

Pall M

all

St James’s Street

The Mall

The M

all

Lower Belgrave St

Palace Street

Petty France

Tothill Street

Ho

rse

Gu

ard

s R

oad

Horse GuardRo

ad

Belv

eder

e Ro

ad

Upper Belgrave Sreet

Pont Street

Pont St re

et

Brompto

n Road

Birdcage Walk

Westminster

Waterloo

Charing Cross

Embankment

Picadilly Circus

LambethNorth

St James’s Park

Hyde Park Corner

Victoria

Green Park

Knightsbridge

4


London Wide MapCOVERING MORE OF CENTRAL LONDON

Cycle LinesStroke Width: 2.5 ptVarious Colours See Cycle Line colour scheme in a couple of pages


Border Width: 0.5 ptColour: C=19 Y=1 M=27 K=0

Rivers/LakesFill Colour: C=10 M=0 Y=0 K=1

Border Width: 0.5 ptColour: C=20 M=0 Y=0 K=6

Busy/A-RoadsStroke Width: 1.5 ptColour: C=4 M=3 Y=2 K=0Border: 0.5 ptColour: C=17 Y=12 M=13 K=0

NeighbourhoodsFamily: Frutiger LT Std Weight: 65 BoldSize: 10 ptLeading: 11 ptRanged LeftColour: C=37 M=29 Y=28 K=0

BoroughsFamily: Frutiger LT Std Weight: 67 Bold CondensedSize: 14 ptLeading: 15.4 ptTracking: 200All CapsRanged LeftColour: C=58 M=49 Y=47 K=15

ParksFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 9 ptLeading: 9.9 ptRanged Left Colour: C=52 M=43 Y=41 K=7

As there are no specific ‘on’ or ‘off’ points along the Cycle Lines, the specific stations become somewhat redundant in the mapping. With no stations or station names to fit in the routes can be much more free in terms of their layout on the map. The key locations now become where two routes cross and where the routes pass and are relative to in terms of real-geography. This way someone can plan their route to the exact location and even foresee any potential shortcuts avoiding a busy junction or unnecessary station.

5


Other Editions MapSHOWING OTHER AVAILABLE MAPS

Other Map BordersStroke Width: 2.5 ptColour: C=37 M=29 Y=28 K=0

Opacity: 50%

Main Map BorderStroke Width: 2.5 ptColour: C=37 M=29 Y=28 K=0


Border Width: 0.25 ptBorder Colour: C=19 Y=1 M=27 K=0

RiverFill Colour: C=10 M=0 Y=0 K=1

Border Width: 0.25 ptBorder Colour: C=20 M=0 Y=0 K=6

Main RoadsStroke Width: 0.5 ptColour: C=4 M=3 Y=2 K=0

BoroughsFamily: Frutiger LT Std Weight: 67 Bold CondensedSize: 9 ptLeading: 9.9 ptTracking: 200All CapsRanged LeftColour: C=58 M=49 Y=47 K=15

Map EditionFamily: Frutiger LT Std Weight:55 RomanSize: 7 ptColour: C=52 M=43 Y=41 K=7

‘O’: SuperscriptSuperscript is to highlight the edition number but not be confused with the word ‘no’.

As each map can only cover a certain area in quality detail, numerous maps will be required to cover all of London. It is important, therefore, to show what other maps are available particularly covering the immediate neighbours of the particular handheld map. Therefore a diagram showing these other maps will appear on all handheld maps to show users the other potential coverage for longer journeys.

6


Cycle Line ColoursFOR ALL MAPS AND ROUTE DOTS

Victoria LineColour: C=66 M=6 Y=0 K=0

Hammersmith & City LineColour: C=0 M=41 Y=8 K=0

Piccadilly LineColour: C=83 M=73 Y=4 K=0

Metropolitan LineColour: C=38 M=100 Y=25 K=4

Central LineColour: C=0 M=88 Y=81 K=0

Jubilee LineColour: C=40 M=29 Y=28 K=0

Circle LineColour: C=1 M=13 Y=96 K=0

Overground LineColour: C=0 M=53 Y=86 K=0

District LineColour: C=84 M=18 Y=88 K=4

Northern LineColour: C=67 M=63 Y=61 K=53

Bakerloo LineColour: C=23 M=60 Y=99 K=8

The system being based on peoples prior knowledge of the underground system and network of tube lines the colour scheme obviously had to remain the same so it would be instantly recognizable. However being in a different context to the rest of the undergrounds bold colour scheme of dazzling whites and bold blues it became appropriate to soften the colours slightly. This allowed the different Cycle Lines to blend into the over ground, urban environment along with the rest of the Cycle Line colour scheme and infrastructure comfortably.


7

CYCLE LINE SPECIFICATIONSCYCLE LINE SPECIFICATIONS

Basic Directional SignsFOR THE SIMPLEST ASPECT OF SIGNAGE

1-x

The basic directional signage is the simplest form of signage in the Cycle Line system. Being used only on direct routes their function is quite simply to keep the cyclist on track either on long stretches of a single road or at a very basic turning. Therefore the only information required is the current route demonstrated by the colour of the dots, the direction the route is heading in shown by the letter (E for

Eastbound etc.) and the direction to proceed in shown by the point on the arrow, either left, right or upright for straight on (Demonstrated below). By keeping these signs as small as possible it is hoped to be able to implement this entirely new infrastructure in the street with as little contribution to street clutter as possible. All other directional signage will follow this aim and be kept as minimal as possible.

DirectionFamily: Frutiger LT Std Weight: 65 BoldColour: C=0 Y=0 M=0 K=0

Measurements in x-heightBecause these signs shall be attached to walls and signposts already there, they will inevitably be placed at different heights and distances from the users on the road. To counteract this, their measurements shall be given relative to the

signs x-height in order for them to be easily re-sized depending on their location in order to appear optically the same for cyclists on the road. The dimensions can be used to make the sign proportionally accurate no matter what the situation is.

2∕3-x

1-x

1-sw

1-sw

1-x

1-x

1∕2-x

1∕11-x 1∕11-x

1∕2-x

1∕2-x

xExamples Of The Arrows Pointing In Different Directions

8


Single Tier SignsSIGNS WITH A LITTLE ADDITIONAL INFORMATION

to Victoria

2∕3-x

1-x

1-sw

1-sw1-x

1-x

1-x

1∕2-x 1∕2-x

1∕11-x1∕11-x 1∕11-x

1∕2-x

1∕2-x

1∕2-x

x

OvershootDue to the shape of the Route Dots they have been given a slight overshoot beyond the additional ½-x above the Cap height and below the baseline. To fit in with the rest of the typography this has been calculated by comparing the ‘X’ of Frutiger to the ‘O’ of the same height within the previously prescribed guides giving the whole sign a better sense of optical balance.

XOBorder WidthTo keep a balanced feel within the sign the boarder of the sign is of an equal width to the cross of the bold ‘t’ at the size of the typeface being used.

Sometimes a little more information is required from the signage. For instance when off-route any signage pointing towards the nearest route the location where it will be joined will be fairly important to stop someone overshooting or just missing their location. The same goes for when there is an opportunity to shortcut across part of a Line, missing out a busy junction for instance. The location where it will

be re-joined will be fairly important to stop someone overshooting or just missing their location.

Also, all attractions are already well signposted on the roads however there will be some locations where the benefit of travelling by cycle will open new shortcuts or routes, these will be simply demonstrated with the same layout but different information as shown below.

Attraction Signage (Right)Has the same layout structure however round icons will replace the Route Dots and their positioning may be reversed.

DestinationFamily: Frutiger LT Std Weight: 65 BoldColour: C=58 Y=49 M=47 K=15

DirectionFamily: Frutiger LT Std Weight: 65 BoldColour: C=0 Y=0 M=0 K=0

MeansFamily: Frutiger LT Std Weight: 56 ItalicColour: C=37 Y=49 M=47 K=15

9


Two-Tier SignageTYPE & GRID SPECIFICATIONS

Shortcut toVictoria

Sometimes even more information is required to be displayed on the signage, either for a more complex route description or just because of a long street or area name. In such instances another line will be added to the sign which will be based on the grids of the single-tier ones but with a couple of alterations to keep the sign looking balanced.

2∕3-x

1-x

1-sw

1-sw

1-x

1-x

1-x

1∕2-x1∕2-x

1∕2-x

1∕2-x

1∕2-x

x

1-x

½-x SpacingThe directional dots are to act as oversized letters within the typography of the signs. Therefore they are set with the same word spacing, and in order to get the most out of the space on the sign this has been slightly reduced to half the x-height, whilst also allowing for the overshoot.

1∕2-x

DestinationFamily: Frutiger LT Std Weight: 65 BoldColour: C=58 Y=49 M=47 K=15

MeansFamily: Frutiger LT Std Weight: 56 ItalicColour: C=37 Y=49 M=47 K=15

MethodFamily: Frutiger LT Std Weight: 56 ItalicColour: C=37 Y=49 M=47 K=15

10


Adapted Street SignsADAPTING CURRENT SIGNAGE

Heading 1Family: Univers LT Std Weight: 67 Bold CondensedSize: 263.35 ptLeading: 316.02Measure: 500.1 mmRanged LeftAll CapsStreet Name Colour: C=0 Y=0 M=0 K=100Postcode Colour: C=21 Y=100 M=19 K=12

Heading 2Family: Univers LT Std Weight: 67 Bold CondensedSize: 116.19 ptRanged LeftAll CapsColour: C=21 Y=100 M=19 K=12

RuleSize: 14 pt Width: 589.925 mmColour: C=0 Y=0 M=0 K=100

In addition to the rest of the signage the famous London Street signs will also be adapted to compliment the system. Modified with coloured dots to show when that part of a street is on a Cycle Line they will easily and subtly be adapted again without contributing any further to the ever increasing amount of street furniture cluttering our streets.ORANGE

STREET WC2CITY OF WESTMINSTER

48.08 mm 20.51 mm 22.83 mm72.77 mm

72.77 mm

41.35 mm

34.47 mm2.67 mm

2.67 mm 2.67 mm 2.67 mm

68.91 mm

24.81 mm

11


Handheld MapFRONT WITH BOROUGH MAP

Heading 1Family: Frutiger LT Std Weight: 65 BoldSize: 90 pt2 Column MeasureRanged LeftColour: C=52 M=43 Y=41 K=7

Cycle LineFamily: Frutiger LT Std Weight: 65 BoldSize: 24 ptRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

Heading 2Family: Frutiger LT Std Weight: 65 BoldSize: 18 ptRanged LeftColour: C=52 M=43 Y=41 K=7

ListsFamily: Frutiger LT Std Weight: 55 RomanSize: 14 ptLeading: 16.8 ptRanged LeftMeasure: 54 mmColour: C=37 Y=29 M=28 K=0

Co-ordinates 2Family: Frutiger LT Std Weight: 55 RomanSize: 14 ptLeading: 16.8 ptRanged RightMeasure: 10.5 mm All CapsColour: C=37 Y=29 M=28 K=0

BoroughFamily: Frutiger LT Std Weight: 65 BoldSize: 24 pt2 Column MeasureAll CapsColour: C=52 M=43 Y=41 K=7

Co-ordinates 1Family: Frutiger LT Std Weight: 65 BoldSize: 24 ptRanged : CentreAll CapsColour: C=8 Y=5 M=6 K=0

PostcodeFamily: Frutiger LT Std Weight: 65 BoldSize: 24 pt2 Column MeasureRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

Rule & BorderWeight: 2.5 pt Colour: C=52 M=43 Y=41 K=7

of the system both of which act as the front and back of the map respectively when folded closed with a section of the map doubling up as image for the top half of the covers.

The handheld map is double sided, with the main, borough map (specified earlier) on the front with quite simply the title in the bottom right corner next to a brief description

12


Handheld MapFRONT - GRID SPECIFICATION

Head Margin3 mm

Left Margin3 mm

Left Margin3 mm

Right Margin3 mm

Co-ordinate Edge6 mm

Gutter6 mm

Bleed4 mm

Fold LinesEvery 140 mm

Fold Line296.9 mm

Columns64 mm measure

Baseline16.8 ptStarting at top of page

Due to the amount of folding required with an A2 hand held map, in order to keep everything aligned when both fully folded and out flat, the gutter has to be twice the width of the margin to account for the crease space.

13


Handheld MapBACK WITH LARGE LONDON MAP



Body TextFamily: Frutiger LT Std Weight: 55 RomanSize: 14 ptLeading: 16.8 ptRanged LeftMeasure: 2 ColumnsColour: C=37 Y=29 M=28 K=0

Heading 3Family: Frutiger LT Std Weight: 65 BoldSize: 14 ptRanged LeftMeasure: 2 ColumnsColour: C=52 M=43 Y=41 K=7

DisclaimerFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 11 ptLeading: 13.2 ptRanged LeftMeasure: 2 ColumnsColour: C=37 Y=29 M=28 K=0

Body HighlightFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 14 ptLeading: 16.8 ptMeasure: 2 ColumnsColour: C=37 Y=29 M=28 K=0

Rule & BordersWeight: 2.5 ptColour: C=52 M=43 Y=41 K=7

Because of the issues surrounding the folding of the handheld map, and the implications of them on the grid structure, it had to be tweaked for the back. The column of body text on the right sits much left comfortably with as small a margin as the title on the front. The long stream of ragged right text had little space to breath rather than the title that barely filled its measure allowing it to remain comfortable in such a small space. Therefore the margin has been extended to the width of the co-ordinates edge, twice as wide across to 6 mm.

The small list at the left of the front page was too small and not in a natural form for reading so this affect was somewhat marginalized. On the back however the problem has been avoided by placing another map in the first few columns.

14


Handheld MapBACK - GRID SPECIFICATION

Head Margin3 mm

Left Margin3 mm

Bottom Margin3 mm

Right Margin6 mm

Gutter6 mm

Bleed4 mm

Fold LinesEvery 140 mm

HorizontalFold Line296.9 mm

Regular Columns64 mm measure

Condensed Body Text Section Column57 mm measure

Body Text Column127 mm measure

Baseline Grid16.8 ptStarting at top of page

Because of the issues surrounding the folding of the handheld map, and the implications of them on the grid structure, it had to be tweaked for the back. The column of body text on the right sits much left comfortably with as small a margin as the title on the front. The long stream of ragged right text had little space to breath rather than the title that barely filled its measure allowing it to remain comfortable in such a small space. Therefore the margin has been extended to the width of the co-ordinates edge, twice as wide across to 6 mm.

The small list at the left of the front page was too small and not in a natural form for reading so this affect was somewhat marginalized. On the back however the problem has been avoided by placing another map in the first few columns.

15


Orientation HubsTYPOGRAPHIC SPECIFICATIONS

Heading 1Family: Frutiger LT Std Weight: 65 BoldSize: 218 ptRanged LeftColour: C=56 Y=48 M=43 K=11

Cycle LineFamily: Frutiger LT Std Weight: 65 BoldSize: 58 ptRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

Heading 2Family: Frutiger LT Std Weight: 65 BoldSize: 20 ptRanged LeftColour: C=47 Y=38 M=37 K=2

Co-ordinates 1Family: Frutiger LT Std Weight: 65 BoldSize: 24 ptRanged CentreColour: C=8 Y=5 M=6 K=0

Heading 2 NotesFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 20 ptColour: C=47 Y=38 M=37 K=2

Boroughs 2Family: Frutiger LT Std Weight: 65 BoldSize: 58 ptLeading: 69.6 ptColour: C=47 Y=38 M=37 K=2

AttractionsFamily: Frutiger LT Std Weight: 55 RomanSize: 58 ptLeading: 69.6 pt Colour: C=47 Y=38 M=37 K=2

General DirectionsFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 58 ptLeading: 69.6 pt Colour: C=47 Y=38 M=37 K=2

ListsFamily: Frutiger LT Std Weight: 55 RomanSize: 16 ptLeading: 19.2 ptRanged Left1 Column MeasureColour: C=47 Y=38 M=37 K=2

Co-ordinates 2Family: Frutiger LT Std Weight: 55 RomanSize: 16 ptLeading: 19.2 ptRanged Right1 Column MeasureAll CapsColour: C=47 Y=38 M=37 K=2

BoroughFamily: Frutiger LT Std Weight: 65 BoldSize: 58 ptRanged LeftAll CapsColour: C=56 Y=48 M=43 K=11

Co-ordinates 1Family: Frutiger LT Std Weight: 65 BoldSize: 24 ptRanged: CentreAll CapsColour: C=8 Y=5 M=6 K=0

PostcodeFamily: Frutiger LT Std Weight: 65 BoldSize: 58 ptRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

RuleWeight:4 pt1-5 Column MeasureColour: C=27 M=20 Y=20 K=0

With the quick reference guides the lists shall be ranged according to the direction they are pointing,. for an example see the diagram.

Key & AttractionsIt is worth pointing out that due to the limited space and often elaborate naming of various parts and features of London I have adapted the Oxford house style for overcoming the needed contractions and abbreviations. Only if the name is stopped prematurely is a period used, if it uses the beginning and last letters it is to be omitted.

16


Orientation HubsGRID SPECIFICATIONS

A C EB D F

1

2

3

4

5

S O U T H W A R K

K E N S I N G T O N

M A R L Y B O N ET H E C I T Y


L A M B E T H

T O W E R H A M L E T S

H A C K N E Y

I S L I N G T O N

C A M D E N

F U L H A M

W A N D S W O R T H

B R E N T

L E W I S H A M

C H E L S E A

H A M M E R S M I T H

VICTORIAKENSINGTONBuckingham PlGreen Park& West

LAMBETHTHE CITYWhithall

WaterlooEast & North

London Wide Map (left top)

Help plan longer journeys using your knowledge from the infamous London Tube Map. Link up journeys the same way you would using the tube only travel without the unpleasant, stuffy and overcrowded underground carriages. All routes are on designated cycle lanes making traversing the city quick, easy and most importantly safe.

Directly Left & Right

Just in need of a quick point in the right direction? Use the quick references in the bottom left and right corners for what features and areas of the city are in the direction directly to the left or right of the hubs.

CYCLE LINE

St James’s ParkWESTMINSTER W1

City of WestminsterWestminster is a London borough occupying much of the central area of London including most of the West End. It is located to the west of and adjoining the ancient City of London, directly to the east of the Royal Borough of Kensington and Chelsea, and its southern boundary is the River Thames. It is an Inner London borough and was created in 1965 when Greater London was established. At its creation Westminster was awarded city status, which had been previously held by the smaller Metropolitan Borough of Westminster. Aside from a number of large parks and open spaces, the density of the district is high. Many sites thought of as being in London are actually in Westminster, including Buckingham Palace, the Houses of Parliament, and 10 Downing Street. The city is divided into a number of localities including the ancient political district of Westminster around the Palace of Westminster.

Useful Contacts

London Cycling Campaign London Travel InfoLondon StreetsBarclays Cycle HireLondon Underground

Places of Interest

Admiralty ArchBanqueting HouseBuckingham PalaceCenotaphCounty Hall (Former)Downing StreetThe Forign OfficeGuards MemorialHM’s TreasuryThe Home OfficeHorse Guards ParadeHouses of ParliamentInst. of Con. ArtsHungerford BridgeJubilee GardensLondon EyeMarlbourgh House National GalleryNat. Portrait GalleryNational TheatreQueen Victoria Mem.The RitzRoyal MewsThe Royal SocietyRoyal Festival HallSt Thomas HospitalScotland Yard

Shell CenterTrafalgar SquareVictoria Tower GrdnsWellington BarracksWestminster Cath.Westminster Abbey

C1D2A3D3E3

C/D3D3C3C3B4C2D4C2E2E3E3B2C1D1F2A3A2A4C2E2E4B4

E1A1E4B3A4B4B2A4A3D1A1D3C5C5C2C5D5E4F5D4A1C4D1B2A4B4

A2B1A1B2A2E1E1C4B5C1A5D2B4D2F2E1D3D3D2E3

F2C1D5A4D4A5

Cycle Lines

BakerlooCentral Circle DistrictHammersmith & CityJubileeMetropolitanNorthernOvergroundPiccadillyVictoriaWaterloo & CityOther Cycle RoutesScenic Cycle RoutesPark PathsMain RoadsNotable BuildingsParksRivers/LakesCycle Line HubsTube StationsNational RailRiver ServicesAirportInformation CenterHospital

0207 234 9310 0843 222 12340845 305 1234 0845 026 36300845 330 9880

Main Roads

Adam StreetAlbemarle StreetBelvedere RoadBirdcage WalkBuckingham GateBuckingham Pl RoadCarlton Hs TerraceCastle LaneConstitution HillCravern StreetDover StreetDowning StreetGreat Smith StreetGreat Porter StreeetHorse Guard RoadHorseferry RoadLambeth BridgeLambeth Palace RoadLambeth Road MillbankOld Bond StreetOld Queen StreetNothumberland Ave.Pall MallPalace StreetPetty France

D1D1A1F4B1C4A1F3D3

Tube Stations

Charing CrossEmbankmentGreen ParkLambeth NorthPiccadilly CircusSt James ParkVictoriaWaterlooWestminster

F4A1F2

B/C3D4

Neighbourhoods

LambethSohoSouth BankSt James’sWestminster

PiccadillyRegent StreetSackville StreetSt James’s Square St James’s StreetSandy Place StrandTothill StreetThirleby StreetTrafalgar SquareVauxhall Bridge RdVictoria EmbankmentVictoria StreetVilliers StreeetWaterloo RoadWaterloo BridgeWestminster BridgeWhitehallWhitehall PlaceYork Road

The information contained on these maps has been gathered from different sources and cannot be guaranteed to be fully correct. Published March 2011.

Head Margin10 mm

Left Margin3 mm

Right Margin10 mm

Bottom Margin10 mm

Gutter5 mm

Columns68 mm

Bleed4 mm

Baseline Grid19.2 ptStarting at 19.2 pt from top of page

Mounted & FreestandingAs there is inevitably going to be a wide range of different locations that the hubs will be placed, there is a need to have both freestanding (Below) and wall mounted (Below Left & Far Left) in case there isn’t a wall on which it can be mounted. In the case of the freestanding hubs they will quite simply extend, in colour, down to the floor in order to keep some continuity and not be over elaborate or require extensive fittings.

17


Large SignageTYPOGRAPHIC SPECIFICATIONS

2 StreetFamily: Frutiger LT Std Weight: 65 BoldSize: 144 ptRanged LeftColour: C=56 Y=48 M=43 K=11

1 Cycle LineFamily: Frutiger LT Std Weight: 65 BoldSize: 48 ptRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

3 Borough 1Family: Frutiger LT Std Weight: 65 BoldSize: 48 ptRanged LeftAll CapsColour: C=56 Y=48 M=43 K=11

5 Boroughs 2Family: Frutiger LT Std Weight: 65 BoldSize: 60 ptLeading: 72Ranged LeftAll CapsColour: C=56 Y=48 M=43 K=11

6 AttractionsFamily: Frutiger LT Std Weight: 55 RomanSize: 60 ptLeading: 72Ranged LeftColour: C=56 Y=48 M=43 K=11

7 General Direction 1Family: Frutiger LT Std Weight: 46 Light ItalicSize: 60 ptLeading: 72Ranged LeftColour: C=56 Y=48 M=43 K=11

8 General Direction 2Family: Frutiger LT Std Weight: 46 Light ItalicSize: 60 ptLeading: 72Ranged RightColour: C=56 Y=48 M=43 K=11

9 ‘Towards’Family: Frutiger LT Std Weight: 45 LightSize: 36 ptLeading: 43.2Ranged LeftColour: C=56 Y=48 M=43 K=11

4 PostcodeFamily: Frutiger LT Std Weight: 65 BoldSize: 48 ptRanged LeftAll CapsColour: C=37 Y=29 M=28 K=0

So, if pointing right, all specifications are ranged right, as with the example below

Ranged Right ListHaving the right hand turn list as ranging right rather than left like the rest a clearer distinction is automatically drawn due to the shape formed by the words making the clarity of the sign even stronger.

1

7

2

8

3

9

4

5

6

18


Large SignageGRID STRUCTURES

Baseline GridThe baseline is set to the same graduation as the lists of locations as these are the most abundant blocks of text on the sign. In a similar vein, in the header of the sign (Cycle Line, Street and Borough) it is the street that sits comfortably on the same grid with the two sub-headers leaded to sit comfortably around it and the sign itself.

Grid StructureDue to the simple layout of information on this kind of signage beyond the baseline grid it is kept down to just one column with equal margins. All the information is either ranged left or right, and is broken up in a vertical manner so no conflicts are able to occur despite this sample layout.

Left Margin30 mm

Width275 mm

Height2133.6 mm

Right Margin30 mm

Head Margin30 mm

Baseline Grid72 ptStarting at head margin

19


Cycle Line TypefaceTO BE USED ACROSS THE WHOLE SYSTEMFrutiger

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890.,/\;!@£$%^&*()_-=+[]{}

Hambugefontsive

Hambugefontsive

Hambugefontsive

Hambugefontsive

Hambugefontsive

Hambugefontsive

Hambugefontsive

65 Bold

66 Bold Italic

67 Bold Condensed

55 Roman

56 Roman Italic

45 Light

46 Light Italic

Frutiger was chosen as Cycle Lines typeface as it fulfilled all of the needed criteria perfectly. From the clarity aspect, for the signage in the street which needs to be read from afar and whilst travelling, a sans-serif was the obvious choice. However beyond this it became apparent that one from the humanist category would be best suited, the more explicit variations on stroke widths emphasising the difference between letters giving increased legibility.

Upon realizing the wide range of

There are specific intricacies within the typeface that were prerequisites for a highly legible transit system typeface.

Il Il g gClear distinctions between certain Caps and lowercases through Cap and ascender heights demonstrated by comparing Frutiger to the similar humanist Gill Sans’ Cap ‘I’ and lower case ‘l’.

Also avoiding the somewhat overly decorative double storey lower case ‘g’ and similar elaborate glyphs. Again, Frutiger on the left and Gill Sans on the right.

collateral supporting the system it also became clear that the required typeface needs to be highly versatile. Frutigers family is large enough to cater the needs of large street signage to the intricacies of cartographic typography with a range reaching from Ultra Black to Light Condensed. This allows the brand to remain legible across all media and sizes working as well as any sans-serif typeface for body text as well as large body type.


20


IconsFOR USE WITH MAPPING AND SIGNAGE

In order to further aid users understanding of the mapping and signage as series of icons have been developed to highlight key facilities in the city. They are either adapted from already familiar iconography so the ameninities they represent is instantly recognisable but they still fit in with Cycle Lines visual language or they have developed with the use of Frutiger to fit in even more succinctly, most notably in the information ‘i’ which was drawn from an image of Frutiger serif italic.Westminster

Westminster

WestminsterOOoxX

Icon Layout (Left)To ensure the icons sit comfortably with the typeface they are layered out with the same leading and tracking as the type and placed at the same size as the capital ‘O’, with its overextension above the caps line and below the baseline to give the circles the same optical weight as the erst of the text.

Icon Design (Below)Familiar icons are placed in Cycle Lines circular container to add to recognizability and keep close to the brand imagery.

Cycle Line Hub

Underground National Rail Riverboat Services

Airport Disabled Services

Information Centre

Hospital Directional Arrows

How the letters lay out

How the icons lay out in the same grid

The final result

21


Implementation GuideTYPOGRAPHIC SPECIFICATIONS

2 Heading 1Family: Frutiger LT Std Weight: 65 BoldSize: 38 pt6 Column MeasureRanged RightColour: C=58 Y=49 M=47 K=15

3 Heading 2Family: Frutiger LT Std Weight: 65 BoldSize: 16 pt6 Column MeasureRanged RightAll CapsColour: C=45 Y=37 M=47 K=2

5 Body TextFamily: Frutiger LT Std Weight: 55 RomanSize: 10 ptLeading: 12 pt3 Column MeasureRanged LeftColour: C=58 Y=49 M=47 K=15

1 Running HeadlineFamily: Frutiger LT Std Weight: 65 BoldSize: 10 ptLeading: 12 pt3 Column MeasureRanged RightAll CapsColour: C= Y= M= K=

7 FolioFamily: Frutiger LT Std Weight: 45 LightSize: 14 pt1 Column MeasureRanged RightColour: C=58 Y=49 M=47 K=15

6 Body Paragraph4.233 mm Indent but not on first line.

2 Column Measure

4 RuleWidth: 1 ptColour: C=46 Y=36 M=36 K=2

9 Excerpt HeadingFamily: Frutiger LT Std Weight: 65 BoldSize: 10 ptLeading: 12 pt2 Column MeasureRanged LeftColour: C=58 Y=49 M=47 K=15

10 Excerpt BodyFamily: Frutiger LT Std Weight: 45 LightSize: 9 ptLeading: 10.8 pt2 Column MeasureRanged LeftFirst line aligned to baseline grid

Colour: C=58 Y=49 M=47 K=15

11 Excerpt Heading NoteFamily: Frutiger LT Std Weight: 46 Light ItalicSize: 10 ptRanged LeftColour: C=58 Y=49 M=47 K=15

8 Excerpt ParagraphFirst Line aligned to baseline grid2 Column measure

1

2

5

6

7

8

9

10

11

3

4

22


Implementation GuideGRID SPECIFICATIONS

CYCLE LINE PROPOSAL AND IMPLEMENTATION GUIDE

8

The Hubs will act as orientation and information points both on- and off route. As mentioned these will feature at all notable points of interest, tube stations, near extensive bike racks and anywhere else where someone is likely to start or end a journey. The main feature will be the street map, with a radius of a few miles allowing the user to plan any short, off-route sections of journey to an obscure location such as a personal residence. It will also highlight the exact location of any nearby features, offer ideas of areas to go and explore, show near by ‘changes’ or just find ones exact location if slightly lost.

This will be complimented by the large scale map to get the user pointed in the right direction for longer journeys or again locate scienic areas or changes.

As well as mapping the Hubs will offer more localized information. Immediate location information such as exactly where it is, routes its on, postcode (as another point of quick reference). It will also have a brief description of the area and its history, as well as notable local features, quick ‘left-or-right’ directions for immediately nearby attractions so those nearby need not fully dismount and consult the street map.

Orientation HubsTHE MAIN POINT OF CONTACT

Hub LocationShowing the current street, neighbourhood, postcode and the Cycle Lines that run through it.

Borough wide mapShowing the local area in high detail. The map reaches as far as a reasonable cycle jorney but not so far as any specific details may be forgotton.

Local InformationA brief description of the local area and what it has to offer nearby, as well as more general information to do with the Cycle Line system and cycling in the city.

London wide mapTo give a wider perspecticve on the Cycle Lines across London for planning much longer journeys.

Quick ReferenceTo give a quick pointer as to what features are down the road to the left or right of the hub.

Head Margin12.5 mm

Bottom Margin12.5 mm

Right Margin12.5 mm

Left Margin17.5 mm

Gutter5 mm

Baseline Grid12 ptStarting at 12.7 pt

Columns18.05 mm

Hang Line33.02 mmDue to the volume of information this may have to be broken from time to time.

Body Text ColumnsMeasure: 65.5 mm

23


Print SpecificationsSIGNAGE & HUBS

The signage shall be made using the process of vitreous enamelling. This process of firing colour on to sheet metal is perfect due to its versatility, easy maintenance, and fantastic longevity and resistance to vandalism and graffiti. Graphics can be screen printed onto a sheet of steel before the firing process gives the wide range of colours exceptional colour

Wall SignsAs the process is simply applied to sheets of metal, the sheets can then be used as normal and easily affixed to walls.

The Finish (right)The process results in very attractive bold colouring, highlighting the strength of the typography and imagery as well as a very appealing texture, the strength of which is dependant on the heating and can therefore be adjusted to needs. For this signage however I would suggest selecting a smoother finish with just a hint of the process’ trademark texture in order to just hint at the process used.

Freestanding SignsThe enamelled sheets could also be built into a larger fitting such as a freestanding mini-linth on the side of a road if there is more information than on the previous two signs.

Sign PostsThe sheets could also be attached to preexisting signposts to integrate with other traffic signage.

stability. The metal than be applied throughout the city, being easily affixed to signposts and walls.

This is quite a specialist process but is provided by A J Wells & Sons who have worked with various sectors within TfL and councils all over the country, examples of which is on the left hand side of the page.

24


Print SpecificationsHANDHELD MAP

The handheld map shall A2 sized so as not to be too large to hold when folded up and easily to carried when folded up. It needs to be of a slightly heavier weight in order to withstand the repeated folding and unfolding.

Printing ProcessThe map shall be printed with simple process colours. A white spot colour would be good to highlight the details on the icons, however the large increase in price for just a few small dots does not pay off enough to warrant inclusion. The icons shall remain clear enough regardless of this so they shall be left to use the colour of the stock.

It shall be printed using lithography in order to cater for the inevitably large print run for free cross-city maps. This will also be able to best take advantage of the CMYK printing process keeping costs to a reasonable level.

StockThe stock used shall be a 140gsm coated stock in white, because of the small but essential amount of white needed in the designs it would be very expensive to get the extra spot for such a small quantity of ink. Therefore a more reasonable idea would be to print a processed grey background on the white stock to allow the white to come through.

FinishingThe only finishing required beyond cropping down the original size of the supplied stock is the folding down to its smallest size for easy transportation and display.

25


Print SpecificationsIMPLEMENTATION GUIDE & SPECIFICATIONS

The implementation guide as well as this booklet itself are constructed in the same manner in order to retain a sense of brand continuity.

Print ProcessAgain, the print process of the guides shall be lithography, again using the four colour process with no additional spot colours. This will be a much shorter print run however, the implementation guide being used primarily as a promotional material for those with the power to implement such a scheme, city councils or influential figures for instance. This also defines why, despite the lower print run, that lithography be used over digital printing. In order to convince these figures the much more pleasant finish from using lithography rather than the cheaper digital printing, will in fact pay off sufficiently to warrant using the process.

StockThese guide need be nowhere near as versatile as the maps, having to endure repeated folding, and therefore a lower weighted stock will be perfect. The booklets will be using a 75gsm white for the inside with a thicker stock for the covers. They will be laid out in landscape A4,not only mirroring the style of the handheld map and allowing the layout a little more flexibility when highlighted the diagrammatic aspects of the Cycle Line infrastructure the signage of which is often wider than it is tall, lending itself to the landscape layout.

BindingThe guides being in landscape and not comprising of more than 30 pages rules a large portion of binding methods out straight away. Therefore both booklets shall be ring bound in order to give a clean and stylish finish at little cost.

CoversIn order to support all of the inner pages and binding as well as preventing the booklet form becoming easily damaged, the covers will need to be considerably thicker. It shall therefore be using Canford Cards A1 Azure Blue 300gsm available from Coyler.co.uk, the sheets will be cropped down to A4 before being printed on and finally layered up to two ply, totalling 600gsm.

Both A4, they are the perfect size to discuss both the concepts and more technical aspects of the project without becoming overwhelming in their presentation.

CYCLE LINE

SpecificationsON YER’ BIKE

cycle line - typographic specifications

Documents

frutiger lt std weight

aw e s t

i n s t e rs t j

e s s h y d e pa r

g h t s b r i d g eb

g r av

rs o h ok n

extra pt