UCL Visual Identity

VISUAL
IDENTITY
LONDONS GLOBAL UNIVERSITY
CONTENTS

1. UCLs visual identity
2. Using the UCL banner
Best practice
Identity elements
Using the banner
The strapline
Departmental standalone logos
3. Colour palette & typefaces
Typefaces
Colour palette
Colour tints & legibilty
4. Using images

5. Working with partners
Core branding elements
Using the standalone logo
UCL-led partnerships
Equal partnerships
6. Internal sub-brands
Positioning internal logos
7. Stationery & specifcations
Stationery
Adding titles
Measurements:
A4
A3
A5
A6

8. ACCESSIBILITY
PAGE

3

5
13
16
18
24
27
38
3
1. UCLS VISUAL IDENTITY
4
THE UCL VISUAL IDENTITY
Introduction
UCL is a large and complex institution, which
represents many things to many different people.
Over time, a number of different symbols and
logos sprang up to represent UCL, and this
started to affect our ability to communicate our
work in a consistent and unied way.
Research and consultation with people in the
audiences we are trying to reach including
prospective students, funding bodies,
partner organisations and business leaders
conrmed that there was confusion outside
the organisation about UCL, and that some of
the groundbreaking research and teaching
excellence taking place here was going
unnoticed by the outside world.
As a result, a visual identity was created for
UCL to strengthen our ability to gain greater
recognition for the work we do and the impact
that we have, both in the UK and globally.
Over the past few months, we have held more
than 50 hours of discussion with key people all
across UCL to nd out how the visual identity has
been working and what can be done to increase
its use across the university.
On these pages, you will nd everything you
need to use the elements of the UCL visual
identity, along with advice, artwork and templates
to ensure that UCLs prole remains high and that
all areas of our work are well and consistently
represented to the outside world.

There are three key elements to the UCL
visual identity:
1. All UCL materials should carry
the UCL banner.
2. All UCL materials should use either
Helvetica, Arial or Garamond font.
3. Only colours in the UCL colour palette
should be used.
The importance of a visual identity
UCL is an internationally and instantly
recognised brand.

A specic department, school or faculty
may not be as widely recognised.

By not using the UCL brand properly, in
communications, online or in print, the kudos of
being associated with and part of UCL is lost,
as well as affecting UCLs overall professional
appearance and reputation.
The extensive UCL colour palette, and both sans
serif and serif fonts, allow for countless variation
and, with creative input, a look for individual
departments or projects can be created that
compliment and adhere to the UCL guidelines.
www.ucl.ac.uk/visual-identity
2. USING THE UCL BANNER
5
6
How the UCL banner works
How the UCL banner works
The UCL identity is not designed to work
as a standalone logo.
It works as a viewnder, where the image or
colour beneath is always visible through the
letters UCL.
The UCL visual identity is used as a banner
spanning the top or side of the page.
It is recommended that a black banner is
used, however, if chosen with care, any
banner in the UCL colour palette can be
used.
Please ensure that there is sufcient contrast
between the banner and background
image or colour.
7
Never use the portico without the letters. Never use the letters reversed.
Never change the proportions of the portico
or letters.
Never use the letters without the portico.
Banner elements
UCL PORTICO UCL LETTERS About the banner elements
The UCL logo consists of the letters UCL,
which work as cut-outs, and the UCL
portico.
Please note, the portico is always solid white
(or black on light colour banners), not cut-
out.
The portico has xed proportions in relation
to the letters UCL.
Never separate the portico from the letters
or change the proportions.
Always use the logo artwork supplied,
and avoid contorting the proportions.
To avoid this when manipulating the banner
in any programme, hold the shift key while
resizing. This will lock the proportions.
7
7
7
7
8
Never add words to the banner
to make a logo. Follow the
labelling system by placing titles
on the top left hand corner.
Never put another logo
in the banner.
Using the UCL banner
The UCL logo requires clear space around
it to prevent any graphic element interfering
with its integrity.
Always keep a clear space around the
logo as shown on the right.
Use the building to dene the clear space
area. There is not a set measurement for
this, as the clear space will increase or
decrease proportionally with the size of the
logo.
Never put another logo in the banner. Other
logos can be placed at the bottom of the
page, if necessary.
Never add words to the banner to make a
logo. Follow the labelling system by placing
titles in the top left-hand corner. Full details
can be found in Specifications:
Strapline (page 10).
Do not alter the UCL banner.
Please use the artwork available at:
CHANGING
THE WORL
Department name
7
LONDON'S GLOBAL UNIVERSITY
7
Another
Logo
CHANGING
THE WORLD
Research at UCL
CHANGING
THE WORLD
Research at UCL
9
Do not alter the UCL banner
Please use the artwork available at:
The letters UCL should always act as
cut-out. To ensure this, always use the EPS
version for print, and PNG version for all
electronic and online usage.
Always keep the correct proportion between
the letters and building.
Always use the portico and letters together.
Always place the banner at the top (or side)
of the page.
Never place the bar anywhere but at
the top or left side of the page.
7
7
Never use the letters without the
building, or vice versa.
7
7
CHANGING
THE WORLD
RESEARCH AT UCL
Never distort the letters and building.
7
7
L
O
N
D
O
N
'S
G
L
O
B
A
L
U
N
IV
E
R
S
IT
Y
7
10
The strapline
The strapline
The strapline Londons Global
University should be used in core UCL
communications. This will help to position
UCL as a
world-leading university.
If you prefer, the name of your department
can be inserted into the banner using Arial
typeface.
UCL should always be referred to as UCL.
University College London should only be
used as part of the postal address.
The strapline has a standard size and
position, and should be used on all core
communications.
For information about size and positioning
see
Specications: (page 8).

DEPARTMENT/ FACULTY/ LAB NAME

ALTERNATIVE STRAPLINE
DEFAULT STRAPLINE
11
Departmental standalone logos
CENTRE FOR PAEDIATRIC
INFECTIOUS DISEASES
& MICROBIOLOGY
LOREM IPSUM DOLOR SIT
AMET CONSECTETUR
ADIPISICING ELIT SED DO
LOREM IPSUM DOLOR SIT
AMET CONSECTETUR
ADIPISICING ELIT SED DO
DEVELOPMENT & ALUMNI
RELATIONS OFFICE
HEBREW & JEWISH STUDIES
LAWS
About the departmental
standalone logo
Department names may be added to the
standalone logo.
This may be used in applications such as
co-branding ventures specic to a particular
department or centre.
The diagrams on the right shows how the
departmental logo artwork should be set up.
You must follow the sizes and positioning
shown here.
Type should be set in Arial bold uppercase,
left-aligned.
When the width of the logo is 30mm set
type size 9pt with 9.5pt leading (leading is
the space between lines of text). If you are
using a smaller or larger logo, type should
be scaled in proportiion with the logo.
Text should be restricted to the eld marked
by the pink dotted line.
On this page are examples of how the logos
work with different length departmental names.
30mm 20mm
2.5mm
Examples
Creating a small-use departmental logo
Small-use departmental logo
clear space
3. COLOUR PALETTE
& TYPEFACES
12
13
Colour palette & typeface
The primary UCL typeface is Helvetica or
Arial and must be used on all communica-
tions. Helvetica and Arial are very similar
(see right) meaning that use of either font
will keep the UCL visual identity intact.
Generally speaking, Helvetica is thought to
look better on printed materials but Arial
is perfectly ne if you do not have access to
the Helvetica font.
We also use Garamond as a secondary
typeface. This should only be used in the
body of the text, in complex documents
which need an extra typeface for text hierar-
chy. Garamond should never be used in the
banner.
All type should be left-aligned, and never
centred or right-aligned. Only use italics for
titles e.g. the Guardian newspaper. Use the
bolder weights for highlighting points and for
text hierarchy.
For accessibility (use by people with any
kind of visual impairment) you should use a
font size of 12pt or larger whenever possi-
ble. If you would like more information on ac-
cessibility, please contact the UCL Disability
Centre:
www.ucl.ac.uk/disability
HELVETICA (NEUE)
Light
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Regular
Medium
ABCDEFGHIJKLMNOPQRSTUVWXY
Bold
GARAMOND
Light
Regular
Medium
ABCDEFGHIJKLMNOPQRSTUVWXY
Bold
ARIAL
Light
Regular
Medium
Bold
14
UCL has a full colour palette, which allows
for exibility. Different messages can be
expressed by using soft or vibrant colours.
Tints of these colours can also be used to
give more options of colours.
See: Colour palette tints (page 15).
Do not use any other colours.
Consult Identity elements: Colour legibility
(page 21) when choosing colours for text.
When sending artwork for professional
printing, ensure the print company
matches the colours to Pantone chips.
A print test is always recommended,
to ensure colour matching.
Use Pantone references when sending
material to printers for publication
(CP for coated paper, UP for uncoated),
RGB for on screen and data projection
material and HEX for websites.
Mid Purple and Blue Celeste are UCLs
traditional colours.
MID PURPLE *
Pantone
2607 CP / 2607 UP
RGB: 80 7 120
Hex: #500778
MID RED
Pantone
7622 CP / 1807 UP
RGB: 147 39 44
Hex: #93272C
DARK RED
Pantone
7421 CP / 222 UP
RGB: 101 29 50
Hex: #651D32
DARK BLUE
Pantone
548 CP / 548 UP
RGB: 0 61 76
Hex: #003D4C
DARK PURPLE
Pantone
7448 CP / 7447 UP
RGB: 75 56 76
Hex: #4B384C
BRIGHT RED
Pantone
199 CP / 199 UP
RGB: 213 0 0
Hex: #D50032
BRIGHT PINK
Pantone
215 CP / 214 UP
RGB: 172 20 90
Hex: #AC145A
LIGHT RED
Pantone
179 CP / 1795 UP
RGB: 224 60 49
Hex: #93272C
MID BLUE
Pantone
295 CP /295 UP
RGB: 0 40 85
Hex: #002855
BRIGHT BLUE
Pantone
7711 CP / 3135 UP
RGB: 0 151 169
Hex: #0097A9
ORANGE
Pantone
716 CP / 716 UP
RGB: 234 118 0
Hex: #EA7600
LIGHT PURPLE
Pantone
5225 CP / 5225 UP
RGB: 198 176 188
Hex: #C6B0BC
YELLOW
Pantone
7408 CP / 7404 UP
RGB: 246 190 0
Hex: #F6BE00
LIGHT BLUE
Pantone
550 CP / 550 UP
RGB: 155 184 211
Hex: #9BB8D3
DARK GREEN
Pantone
5815 CP / 5815 UP
RGB: 85 80 37
Hex: #555025
DARK BROWN
Pantone
476 CP / 476 UP
RGB: 78 54 41
Hex: #4E3629
MID GREEN
Pantone
7495 CP / 583 UP
RGB: 143 153 62
Hex: #8F993E
GREY
Pantone Warm Grey 8CP
WarmGrey 8UP
RGB: 140 130 121
Hex: #8C8279
BRIGHT GREEN
Pantone
390 CP / 388 UP
RGB: 181 189 0
Hex: #B5BD00
LIGHT GREEN
Pantone
7493 CP / 7493 UP
RGB: 187 197 146
Hex: #BBC592
WHITE
BLUE CELESTE *
Pantone
635 CP / 635 UP
RGB: 164 219 232
Hex: #A4DBE8
BLACK
Colour palette
STONE
Pantone
7527 CP / 7527 UP
RGB: 214 210 196
Hex: #D6D2C4
*Traditional UCL colours
15
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
WHITE
80%
WHITE
70%
WHITE
60%
WHITE
50%
WHITE
40%
30%
20%
10%

WHITE
DARK
GREEN
MID
GREEN
BRIGHT
GREEN
LIGHT
GREEN
DARK
RED
MID
RED
BRIGHT
RED
ORANGE YELLOW DARK
PURPLE
MID
PURPLE
BRIGHT
PURPLE
LIGHT
PURPLE
GREY DARK
BLUE
MID
BLUE
BRIGHT
BLUE
LIGHT
BLUE
STONE BROWN BLACK
100%
WHITE
90%
WHITE
This diagram illustrates the huge variety of colours acheivable
by using tints of the UCL colour palette.
The text on the colour blocks demonstrates how legible
black or white text will be on the particular colour.
Take care to ensure that there is sufcient contrast for your
text
to be legible. For example, blue text on a blue background
is very difcult for many people to read.
See the Accessibilty section (p38) for more information.
Colour tints
4. USING IMAGES
16
17
Selecting imagery
Imagery should reect our core idea of
expanding horizons, especially on the front
of any communications. An interesting front
cover can hook the reader and make them
read further.
It is important to look through the UCL
banner and see something interesting and
engaging.
Our imagery should be vibrant and
aspirational. It should convey a sense
of exploration and discovery, of looking at
things differently and making an impact.
When showing people it is more interesting
to show them engaged in an activity,
especially if its relevant to the content and/or
their work or studies, than a straight forward
passport photo.
One image should be used on the front
cover of your document or brochure. One
strong image has a much bigger impact
than a montage of images, which can
cause confusion.
A good source of images is the UCL
Imagestore: www.imagestore.ucl.ac.uk
Adding interest
Odd angles and unusual crops can
add interest to an average image.
Remember, we do not always have to
use images. For example, using a solid
colour with an engaging title can be a
powerful alternative for a brochure front
cover.
It is important when using digital
imagery in printed publications,
PowerPoint and online that you are
aware of the le size of your image
and also the image resolution.
For guidance on the use of
digital images:
Selecting imagery
5. WORKING WITH PARTNERS
18
19
A lot of UCLs work is done in partnership
with other organisations. When this happens,
both organisations need to be represented on
any materials or communications, so that the
relationship is presented properly and accurately.
UCL is a well-respected organisation with an
international reputation for excellence.

It is important that we present our branded
materials in a consistent and coherent way,
so we can protect that reputation and build
trust with our audiences.
This is especially important in co-branding
situations.
These guidelines provide help and support
for designing in these situations.
Before you begin
Please familiarise yourself with the
UCL Identity Style Guide and use it
alongside this document.
The UCL Identity Style Guide is available
to download at:
Professor Malcolm Grant CBE, President & Provost, UCL
Martin Paisner CBE, Chairman, Weizmann UK
have great pleasure in inviting
to a reception and dinner to celebrate the
rst day of the 2010 Weizmann UK Making
Connections Symposium The Cosmic Enigma:
Cosmology & Particle Astrophysics conducted
in partnership with UCL.

Tuesday 22 June 2010
UCL, Gower Street, London WC1E 6BT

18.30 Reception Flaxman Gallery
19.00 Dinner Terrace Restaurant
21.30 Carriages
RSVP: TBC
Dress: Lounge suits
MEDICAL HEALTH
RESEARCH
REPORT 2012
POPULATION HEALTH SCIENCES
Equal partners
UCL dominant partner
Multiple partners
Working with partners
20
Colour palette (see p15 for full breakdowns)
UCL banner
Fonts
Helvetica (Neue)
Arial
Garamond
Standalone logo
For UCL-led communications, always use
the UCL banner across the top of printed
communications, with the partner logo(s)
placed at the lower left corner.
For websites, place partner logos
in the left-hand column.
For equal partnerships, and partnerships
led by other organisations, the standalone
logo should be used.
UCL core branding elements
21
UCL standalone logo with partner logo and descriptor examples
In collaboration with
A UCL and Partner
Brand initiative
A research initiative with
Using the UCL standalone logo with partner
logos and a descriptor
The examples on the left show how to add
descriptors to the UCL standalone logo,
when it appears with other logos.
Give logos equal prominence, and provide
sufficient space between them.
Descriptors can be used to help describe the
relationship between UCL and our partners.
It often gives UCL a chance to define our role
in a clearer way.
Here are some suggestions of how to
describe co-branding relationships:
A UCL partnership
In partnership with
In association with
An initiative with
In collaboration with
A UCL initiative
A UCL and Partner Brand initiative
Sponsored by UCL
Enabled by UCL
If the logo will be placed on a busy
background image, place it on a bounding
box, as in the examples on the right.
Using the standalone logo
22
Place partner logos on a horizontal axis:
UCL-led partnerships
UCL communications acknowledging partner involvement
The UCL banner should always be used
at the top of the website/document cover,
to illustrate the dominant partner.
Place the other logo(s) in the lower left-hand
corner using the document margins.
The other logos should be arranged
on a horizontal axis (see below).
Ensure these logos have equal prominence.
On websites, place partner logos on the
left-hand column
UCL
BROCHURE
WITH
EXTERNAL
PARTNERS
Examples:
A4 report
LO
N
D
O
N
S
G
LO
B
A
L U
N
IV
E
R
S
IT
Y
UCL
LEAFLET
WITH
EXTERNAL
PARTNERS
UCL
LEAFLET
WITH
EXTERNAL
PARTNERS
A5 landscape leaflet
DL leaflet
Area Heading
Online
23
PRINT: Place logos on a horizontal axis
ONLINE: Stack the logos
Equal partnerships
Joint communications acknowledging equal partnerships
BROCHURE
TITLE TEXT
LORUM IPSUM
DALORE
SECRETARIAT
NEW
VENTURE
IDENTITY
NAME
Use both UCL and your partner(s) logos with
equal prominence.
Place logos in the lower right-hand corner,
using the document margins.
The logos should be arranged on a horizontal
axis for print, or stacked for online.
Always ensure the logos are clearly visible
against the background. Place logos on a
plain, coloured box for busy backgrounds.
Wherever possible, the UCL standalone logo
should be positioned in the right-hand corner,
to give it more prominence.
Examples:
A4 report A5 landscape leaflet
DL leaflet
Online
PAMPHLET
TITLE TEXT
LORUM IPSUM
DALORE
SECRETARIAT
NEW
VENTURE
IDENTITY
LEAFLET
TITLE TEXT
LORUM IPSUM
DALORE
SECRETARIAT
NEW
VENTURE
IDENTITY
6. INTERNAL SUB-BRANDS
24
25
Intercultural Interaction
The complex relationships between
people, cultures and communities are
continually evolving. The UCL Grand
Challenge of Intercultural Interaction
considers the factors that shape our
lives, and brings together our collective
knowledge, creativity and insight
to nd solutions.
The programme investigates subjects
including ethnicity, religion and cultural
heritage, and issues affecting democracy,
communities and civil society across
the world.
By enabling cross-disciplinary research
we aim to transform knowledge into
wisdom, share best practice and
inuence global debate and policy.
To nd out more about the programme
and forthcoming events, and sign up
for our newsletter, visit:
www.ucl.ac.uk/intercultural-interaction
UCL GRAND CHALLENGES
Website
Pull-up banner Leaflet
Internal sub-logos can dilute the UCL brand,
look too busy and cause the reader/user to
become confused about the origin, and even the
authenticity, of the communication material.
A specic and sophisticated look can be created
by the use of colour, images and typography
specic to a certain department or project rather
than a logo.
These examples show how and where exisiting
internal sub-logos should be positioned on
various communications.
The UCL banner should always be present at the
top of the material, with the sub-logo using the
fonts and colours from the UCL Visual Identity.
If it is felt that a sub-logo is absolutely necessary,
please contact UCL Communications in the rst
instance for guidance.
Internal sub-logos: best practice
26
Area Heading
Positioning internal logos
Print
Position the sub-logo in the lower-right corner
Online
Position the logo in the upper right-hand
column.

A descriptor may be used to clarify the
relationship. See: Adding a descriptor with
partner brand logos (page 21).
Sizing
The sub-logo should be a maximum of 20
percent of the size of the UCL banner.
UCL
BROCHURE
WITH
INTERNAL
CO-BRAND
Print Online
Internal sub-branding
27
7. STATIONERY &
SPECIFICATIONS
28
UCL stationery
UCL stationery has been developed to create
consistency across the organisation.

Pre-printed stationery can be ordered through
the UCL printing contractors:
www.ucl.ac.uk/procurement/agreements
/reprographics
Templates for these materials and more are
available to download from the website:
Professor John Smith
Head of Department
UCL Department
University College London
Gower Street London WC1E 6BT
Tel: +44(0)20 7679 2000
j.smith@ucl.ac.uk
www.ucl.ac.uk/department
Business Cards
Department or partner logos
should never be placed on
the front of a business card
3
7
Letterheads
External partner logos can be placed
at the bottom i.e. NHS Trust or a
funding body
Internal /departmental logos should
never be placed on the letterhead.
Never place any logo in the
UCL banner
Another
Logo
With compliments
University College London Gower Street London WC1E 6BT
Tel: +44 (0)20 7679 9202 Fax: +44 (0)20 7209 0117
www.ucl.ac.uk/development
UCL DEVELOPMENT & CORPORATE COMMUNICATIONS OFFICE
With compliments
University College London Gower Street London WC1E 6BT
Tel: +44 (0)20 7679 9202 Fax: +44 (0)20 7209 0117
www.ucl.ac.uk/development
UCL DEVELOPMENT & CORPORATE COMMUNICATIONS OFFICE
3
Compliment slips
Department or partner logos should
never be placed on the front of a
compliment slip
7
Professor John Smith
Head of Department
UCL Department
University College London
Gower Street London WC1E 6BT
Tel: +44(0)20 7679 2000
j.smith@ucl.ac.uk
www.ucl.ac.uk/department
Never put
another logo
in the bar
LOGO
3
INTERNAL
LOGO
7
7
LOGO
Stationery
29
Do not increase the type size.
Always use the typeface and type
size specified.
Do not put the labelling anywhere
but the specified position
UCL CENTRE FOR CARDIOVASCULAR
BIOLOGY & MEDICINE

CENTRE FOR CARDIOVASCULAR
BIOLOGY & MEDICINE

CENTRE FOR CARDIOVASCULAR
BIOLOGY & MEDICINE

BIOLOGY & MEDICINE

7
7
7
7
Only ever put the titling in the
typeface, size and positioning
specified.
3
BIOLOGY & MEDICINE

Do not centre the labelling.
BIOLOGY & MEDICINE

7
Adding titles
30
Measurements
The following pages contain the measurements
and specifications for various standard docu-
ment sizes. These must be followed at all times.
Non-standard sizes
When designing to a non-standard page size,
refer to the examples given here and then apply
the same principles to adapt the design. Make
sure the bar is not too big or too small.
A4 portrait, horizontal bar
1. Type should be set in Arial bold. Use type
size 10pt with 11.5pt leading (leading is the
space between lines of text).
2. Labelling text should be restricted to the
field marked by the pink dotted line.This
approximately the width of the UCL logo.
3. Text/titles etc. should sit within the blue dotted
box.
210mm x 297mm
10mm 80mm 12mm
10mm
20mm
20mm
40mm
90mm
UCL CENTRE FOR PAEDIATRIC INFECTIOUS
DISEASES & MICROBIOLOGY
2
3
1
Measurements A4 portrait, horizontal bar
31
Measurements
A4 landscape horizontal bar
size 10pt with 11.5pt leading (leading is the
2. Labelling text should be restricted to the field
marked by the pink dotted line.
3. Text/titles etc. should sit within the blue
dotted box.
10mm
10mm 100mm
297mm x 210mm
20mm
20mm
40mm
12mm
110mm
2
3
1
Measurements A4 landscape, horizontal bar
32
Measurements
A3 portrait horizontal bar
size 14pt with 16pt leading (leading is the
marked by the pink dotted box. This box is
approximately the width of the UCL logo area.
3. Text/titles etc. should sit within the blue
dotted box.
10mm 115mm 17mm
10mm
27mm
30mm
57mm 30mm
125mm
2
3
1
297mm x 420mm
33
Measurements
A3 landscape, horizontal bar
marked by the pink dotted line.This box is
approximately the size of the UCL logo.
3. Text/titles etc should sit within the blue box.
420mm x 297mm
10mm
10mm 115mm
24mm
28mm
52mm
17mm
125mm
2
3
1
34
Measurements
3. Text/titles etc. should sit within the blue box.
8mm 67mm
10mm
8mm
14mm
14mm
28mm
14mm
75mm
2
3
1
148mm x 210mm
35
Measurements
A5 landscape, horizontal bar
3. Text/titles etc. should sit within the blue box.
210mm x 148mm
8mm
8mm 10mm 70mm
13mm
15mm
28mm
12mm
78mm
2
3
1
36
Measurements
2. Labelling text should be restricted to the
field marked by the pink dotted line.
3. Text/titles etc should sit within the blue box.
105mm x 148mm
UCL CENTRE FOR PAEDIATRIC
INFECTIOUS DISEASES
& MICROBIOLOGY
6mm
6mm
6mm
9mm
11mm
20mm
50mm
12mm
37
8. ACCESSIBILITY
38
Accessibility
It is important when you are producing your
communications that they are clear and easy for
people to use.
Thought should be given to make sure materials
are accessible to disabled people. The following
recommendations are adapted from the RNIB
guidelines on producing clear print.
Type size
Use a type size between 12 to 14 point.
14 point type will be more legible to people
with sight problems.
Contrast
The better the contrast between the background
and the text, the more legible the text will be.
Note that the contrast will be affected by the
size and weight of the type. Black text on white
background provides the best contrast.
Type styles
Capital letters and italicised text are both
generally harder to read. A word or two in
capitals is fine but avoid the use of capitals for
continuous text. Avoid italic text where an
alternative emphasis, such as bolder weights, is
available.
Leading
The space between one line of type and the
next (known as leading) is important. As a
general rule, the space should be 1.5 to 2 times
the space between words on a line.
Type weight
People with sight problems often prefer bold or
semi-bold weights to normal ones.
Avoid light type weights.
Line length
Ideally, line length should be between 60-70
letters per line. Lines that are too long or too
short tire the eyes. The same applies to sentence
and paragraph lengths, which should also be
neither too long nor too short.
Word spacing and alignment
Keep to the same amount of space between
each word. Do not condense or stretch lines of
type.
Aligning text to the left margin makes it easy to
find the start and finish of each line, and keeps
the spaces even between words.

Avoid justified text, as the uneven word spacing
can make reading more difficult for people with
sight problems.
Columns
Make sure the margins between columns of text
clearly separate the text. If space is limited,
use a vertical rule.
Reversing type
If using white type, make sure the background
colour is dark enough to provide sufficient
contrast.
Setting text
Avoid fitting text around images if this means
that lines of text start in a different place, and
are therefore difficult to find.
Set text horizontally as text set vertically is
extremely difficult for a partially-sighted reader
to follow. Avoid setting text over images, for
example photographs. This will affect the
contrast and, if a partially-sighted person is
avoiding images, they will miss the text.
Navigational aids
It is helpful if recurring features, such as
headings and page numbers, are always in the
same place.
A contents list and rules to separate different
sections are also useful. Leave a space between
paragraphs, as dividing the text up gives the eye
a break and makes reading easier.
If you need further help in producing accessible
materials please contact:
UCL Disability Centre
Telephone: +44 (0)20 7679 0100
(UCL internal: 30100)
Accessibility

UCL Visual Identity

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

UCL Visual Identity

Uploaded by

Copyright:

Available Formats

VISUAL

You might also like