26
GUIDELINES Identity guidelines September 2014

GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

Embed Size (px)

Citation preview

Page 1: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

GUIDELINES

Identity guidelinesJune 2014Identity guidelinesSeptember 2014

Page 2: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

1 St John Ambulance Identity guidelines

Colour p6 Typeface p5Logo p3

Chevrons p7Call to action p8

Tone of voice p11 Actual examples p24

Photography p13 p14 p15

PMS7482

CMYKC: 90 M: 0 Y: 93 K: 0

RGBR: 0 G: 159 B: 77

PMSBlack

CMYKC: 0 M: 0 Y: 0 K: 100

RGBR: 0 G: 0 B: 0

PMS341

CMYKC: 95 M: 5 Y: 82 K: 24

RGBR: 0 G: 122 B: 83

PMSCool Gray 7

CMYKC: 0 M: 0 Y: 0 K: 40

RGBR: 151 G: 153 B: 155

Whitney Black

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!?”

Become a volunteer.

1. LanguageWhat sort of words should you choose?

LEADINGTHE NATION’S

FIRSTAIDCHARITY

Become a trainer

REALISE

RISEYOUR POTENTIAL

TO THE CHALLENGEIf you’re aged 14–24 & not in full-time employment or education, RISE could help you learn how to save lives and expand your skillset at the same time.

RISE

Learn first aid.

ME ONESTELLE FIELDLIFE SAVER

JUNE'SDAUGHTERWAS HOLDING HER

HANDAND I WASSTRUCKHOW I'D BE

IF IT WAS SOMEONE I

LOVED,WHICH SPURRED

FEELING o

CONTENTS INTRODUCTION

The toolkit2 Talking about ourselves 3 Our logo4 Our logo – Partnership lock-up 5 Our typeface6 Our colours7 Our chevrons8 Our call to action and proposition9 Our campaigns and projects10 Other subject-matter11 Our tone of voice12 Our tone of voice – Examples 13 Our photography – Reportage14 Our photography – People15 Our photography – Objects16 Our illustrations17 Our icons

Using the toolkit19 Logo lock-ups and grids 20 Headline typography21 Layout typography 22 Using the chevrons

24 Actual examples

25 Contact details

Save time Certain elements of the toolkit

have already been created for you, when you see this icon you’ll know that you can contact us to request a file.

Whether it’s on paper or pixels, online or on the page, it’s never been more important to have a strong brand that people instantly recognise. Our brand isn’t just a logo or a colour scheme – it’s our face to the world, which should unite those who work and volunteer for us, and inspire those who support us. With that in mind, we’ve created a fresh, clean and modern look for St John Ambulance, and a new tone of voice that ensures we sound as confident and engaging as we look.All the elements of our brand combine to communicate who we are, which is why we need to use them consistently, and put them together in the right way. This guide is designed to help you do that.

Page 3: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

2 St John Ambulance Identity guidelines

TALKING ABOUT OURSELVES

Depending on the material, it can be useful to have a brief summary of who we are and what we do. This is our ‘boilerplate’:

St John Ambulance is the nation’s leading first aid charity. Every year, more than 800,000 people learn how to save a life through our training programmes, including hundreds of thousands of young people. Our volunteers provide first aid in their communities, keeping people safe at events, and working alongside the NHS in response to 999 calls. We’re also always campaigning to raise awareness of first aid and directly educate the public.First aid is such a simple skill, but it has an incredible impact. We want everyone to learn it, so that they can be the difference between a life lost and a life saved.

Page 4: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

3 St John Ambulance Identity guidelines

Black version showing the ideal exclusion zone

White version showing the ideal exclusion zone

x

x x

exclusion zone

x

x x

exclusion zone

OUR LOGO

The St John Ambulance logo is the most important and memorable part of our visual identity.

We can enhance that power and distinctiveness by making sure we use our logo consistently, and in the right place on the page, with enough space around it to give maximum impact.

You can use a black version (which we prefer) or a ‘white-out’ version, as you can see here. Make sure you always keep the right ‘exclusion zone’ around the logo and always make sure the logo is legible so that it stands out.

The logo must always appear on either a white or black background. Very occasionally, the brand team will make exceptions to this rule - for example if the logo is positioned on a colour image on a video.

Here’s a guide to how large the logo should be on different paper sizes:

A3 80mmA4 55mmA5 40mmDL 40mm

Page 5: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

4 St John Ambulance Identity guidelines

Horizontal logo spacingexclusion zone exclusion zone

Vertical logo spacingexclusion zone exclusion zone

Partner logo

Partner logo

Partnerlogo

Multiple logo spacingexclusion zone exclusion zone exclusion zone

Partnerlogo

OUR LOGOPARTNERSHIP LOCK-UP

The St John Ambulance logo may be used in partnership with other logos, so long as permission has been given by the Brand and Communications team.

Both logos should balance in equal visual weight, as indicated here – use the exclusion zone as a guide. There may be times when we need to be flexible on this rule. In that situation, get in touch with [email protected]

Page 6: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

5 St John Ambulance Identity guidelines

OUR TYPEFACE

We’ve chosen a typeface that will be instantly recognisable as ‘St John Ambulance’. It’s confident and contemporary, energetic and easy to read.

The name of the font is Whitney, and it’s only used on professionally designed materials (office documents use Arial). We use Whitney it in different ways depending on whether it’s for a headline or body copy.

HeadlineWe’ve made headlines into a central element of our visual identity, using them to create impact and a forceful first impression. That’s why we use only capital letters for headlines, not lower case.

This version of the Whitney font is called Whitney Black, but as you can see, we can also use it in bright colours, making the most of our colour palette.

Whitney Black

ABCDEFGH IJKLMNOP QRSTUVW XYZ12345 67890!?”

Body copyThe two versions of Whitney we use for body copy are Whitney Book and Whitney Semibold. If you don’t have either of these on your system, you can use Arial regular and bold instead.

Whitney Book ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*()?”

Whitney SemiboldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@£$%^&*()?”

On page 20 you’ll find examples of how we can use different colours and formats for our headlines.

ExampleHeadline typography

LEADINGTHE NATION’S

FIRSTAIDCHARITY

Page 7: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

6 St John Ambulance Identity guidelines

OUR COLOURS

Everyone recognises the St John Ambulance green – all our volunteers wear it and it’s at the heart of our colour palette. Depending on what sort of materials we’re producing, we can brighten the mood with yellow, or soften it with neutral grey.

Finding the right balance is really important - make sure you use the full range of colours in the palette, and don’t just restrict yourself to just green and yellow, for example.

White space is central to our look and feel, so make sure it’s prominent in your designs. We also limit the use of black, so that our look is bright and colourful.

PMS7482

CMYKC: 90 M: 0 Y: 93 K: 0

RGBR: 0 G: 159 B: 77

PMSBlack

CMYKC: 0 M: 0 Y: 0 K: 100

RGBR: 0 G: 0 B: 0

PMS341

CMYKC: 95 M: 5 Y: 82 K: 24

RGBR: 0 G: 122 B: 83

PMSCool Gray 7

CMYKC: 0 M: 0 Y: 0 K: 40

RGBR: 151 G: 153 B: 155

PMS396

CMYKC: 10 M: 0 Y: 95 K: 0

RGBR: 225 G: 224 B: 0

PMSWhite

CMYKC: 0 M: 0 Y: 0 K: 0

RGBR: 255 G: 255 B: 255

ExampleThe inspiration behind our colour palette

Page 8: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

7 St John Ambulance Identity guidelines

1. 2.

3. 4.

OUR CHEVRONS

Another element of our identity toolkit is our unique ‘chevron’ design, inspired by the green and yellow stripes on our ambulances. We’ve turned this into a bold and striking graphic motif, to make our materials stand out and catch the eye.

We’ve created a series of different patterns to get you started, you’ll find examples of these on page 23.

ExampleOne of the colourful chevron patterns you can use. See page 23 for more examples

Page 9: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

8 St John Ambulance Identity guidelines

Find out more.Help save lives.Be the di�erence.

First level: the ‘call to action’This text varies according to what you’re producing. But it should always be a ‘call to action’, expressed in no more than four words. The highlight block varies also. See below for examples.

Second level: ‘why it’s important’This text is fixed. The box should be the same block colour or white-out as the call to action.

Third level: our brand propositionThis text is fixed, and must be in bold. The box should be the same block colour or white-out.

Fourth level: our web addressThis text is fixed, and must be in bold. The box should not be in the block colour or white-out.

Text examples/colour variationsAlways keep the highlight box colour the same, don’t mix up the brand colours.

Learn first aid. Become a volunteer.Become a trainer. Download the app. Run a marathon.Raise money.

OUR CALL TO ACTION AND PROPOSITION

Typeface: Whitney Book, Semibold and Black

We need to present our call to action in a logical and consistent way, so that people are clear what each communication is about and what we want them to think or do as a result.

To help us do this we have created this graphic device which should appear on everything we produce (unless the Brand and Communications team says otherwise).

It can appear large or small, on items like signage or badges, as a headline, or as a sign off – see the next page for a good example. Two of these messages are fixed, as is the url, and one is flexible, depending on the nature of the material. The typeface for the call to action should always be Whitney.

ExampleAn example of signage for St John Ambulance buildings

Be the di�erence.Help save lives.Learn first aid.

Page 10: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

9 St John Ambulance Identity guidelines

Typeface: Whitney Black

Colour: PMS 7482

Text size: Set the longest word or line in the campaign or project title to the same size as the logo, and use that size font for any other words in the title.

RISE SUPERHERO

THE BIGFIRST AIDLESSON

SAVE A LIFESEPTEMBER

SKYDIVE

OUR CAMPAIGNS AND PROJECTS

This is another area where consistency is really important. The titles of all our campaign and project materials should use the same layout, and the same combination of logo, typeface, chevron and colour. This applies to front covers and web pages, [and wherever the campaign or project is referred to elsewhere in other materials]. Only the brand and communications team should create these campaign identities.

You can also see how the call to action is used to support a headline, in the example below.

ExampleA ‘Save a Life September’ poster

Sarah SloaneBedford

Learn first aid for free.

SAVE A LIFESEPTEMBER

Page 11: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

10 St John Ambulance Identity guidelines

FIRST AID

FIRST AID AWARENESS

Typeface: Whitney Black

Colour: PMS 7482

Text size: Same cap height as ‘Ambulance’ VOLUNTEERING RAISING MONEY

OTHER SUBJECT MATTER

This ident can also be used where we need to indicate the subject matter - for example where leaflets will be shown in a display rack and need individual descriptors.

The same principles apply here as with campaigns or projects. Always use the same layout, and the same combination of logo, typeface, chevron and colour for the title.

This type of subject matter descriptor should be used sparingly, and only when needed. Only the brand and communications team can create new descriptors.

ExampleFirst aid poster

Press itApply direct pressure over the wound with your hand using a clean dressing, and wear glovesif available. If you don’t have a dressing, ask the person to apply pressure themselves.

Where possible, maintain direct pressure on the wound to control bleeding.

1.

Raise itHelp them lie down.

If possible, raise and support the injured limb above the level of the heart to reduce blood loss.

Raise their legs to ease shock.

2.

Call 999 or 112 and monitor the casualty while waiting for help to arrive.

Call for help3.

WHAT TO DO WHEN SOMEONE IS BLEEDING SEVERELY

Learn first aid.

FIRST AID

FUNDRAISING

TRAINING

Page 12: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

11 St John Ambulance Identity guidelines

3.  LanguageWhat sort of words should you choose?

Use inspiring and engaging language Inspiring means writing in a way that

is upbeat, positive and warm Engaging means using language that

is accessible to the reader, and is clear and straightforward to understand.

More hints and tips on language Make your language punchier by opting

for a practical vocabulary which contains a lot of short, down-to-earth words (‘do’, ‘get’, ‘make’, ‘build’, rather than ‘develop’, ‘maximise’, ‘obtain’, ‘construct’, etc)

Use the active not the passive, for example ‘we will do’ not ‘it will be done’

Eliminate jargon from materials designed for individuals, and avoid over-worn business-speak if you can (‘solutions’, ‘platforms’ and the rest). Likewise avoid acronyms if possible

You can use more technical vocabulary (as distinct from jargon) for specialised audiences and documents, but only use it if it really adds clarity. And make sure that a piece written in specialised language doesn’t leak out into more general material just because it’s on a similar subject. It’s all about horses for courses.

1.  PersonalityWhat sort of person is St John Ambulance?

St John Ambulance should sound like an expert with real human warmth

We show our expertise by explaining first aid in a straightforward, relevant and practical way, and giving people the confidence that they can be the difference between a life lost and a life saved

We are passionate about what we do, and write with emotion and warmth, especially when we’re talking to individuals (‘heart’ first, ‘head’ second). Our copy for companies and organisations is more professional in tone, but is underpinned by the same St John Ambulance personality.

More hints and tips on personality Make the company sound more personal

– use ‘we’ and ‘you’, rather than referring to yourselves always in the third person

Use real examples to bring what you do to life for the reader.

OUR TONE OF VOICE

How we sound is just as important as how we look. In this section we have some pointers and examples on the correct tone of voice for St John Ambulance.

For our messages to be as effective as possible:

our language should be inspiring and engaging

we should write concisely and conversationally

we should sound like an expert with real human warmth.

2.  StructureWhat should your sentences and paragraphs look like?

Write concisely and conversationally Concise means keeping what you write

short and snappy wherever possible. Less is more

Conversational means writing as you would speak, with the natural rhythm of conversation.

More hints and tips on structure Make sure each idea is clearly related

to the next. If possible, deal with only one idea or concept in each sentence

Read back what you’ve written: would you say that to someone if you were explaining the same point?

Page 13: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

12 St John Ambulance Identity guidelines

OUR TONE OF VOICEEXAMPLES

HEAD HEART HEART

Consider what the function of the text is and where it is to be used. There are two main types of communication:

HEADThis type of writing is clear, concise and factual.

Examples: First aid advice, training brochures, powerpoint presentations, information booklets.

HEARTThis type of writing involves and influences the audience. It tells more of a story and has a more emotional tone.

Examples: Advertising, campaigns volunteer and fundraising leaflets, posters.

Here are some examples.

Instead of…‘ St John Ambulance teaches people first aid – about 800,000 last year alone – so that they can be the difference between a life lost and a life saved.’

Instead of…‘ Thousands of the people we trained went on to offer their skills and time to be the difference right in the heart of their community, as St John Ambulance volunteers – to provide first aid at public events, to be Community First Responders who attend emergency calls and provide care until the ambulance arrives, to provide patient transport, or as back up to local ambulance services during local major emergencies.’

Instead of…‘ Our introduction to volunteering provides information about what our volunteers do and will help you decide if you want to join our team. You can also find out what areas have open general recruitment. Renowned for providing trained first aiders at events, there are plenty of other roles you may be interested in.’

… you could say‘ First aid can be the difference between a life lost and a life saved. It’s easy to learn and every year 800,000 people learn how to do it thanks to us, including hundreds of thousands of young people.’

… you could say‘ Our volunteers provide first aid in their communities, keeping people safe at events, and working with the NHS when lives are on the line. They all share the same commitment: to offer vital help, on the spot, when it’s most desperately needed.’

… you could say‘ Imagine how it would feel to be part of a team that saves lives. If you volunteer with us we’ll train you to be a life saver in your community, whether you’re on the ground at events or working in other important roles. We’re always looking for more volunteers so, if you’re interested, take a look at our volunteering guide.’

The second sounds more natural – more like something someone would say. It makes more of a direct appeal to the reader, rather than simply stating the facts.

The second is easier to understand – it gets to the point quickly, and makes an emotional appeal. One reason the first is more difficult to read is because it’s one long sentence with many different messages, some of which are quite technical. It’s ‘head’ not ‘heart’.

The second version involves the reader emotionally, before giving them the recruiting message (ie, ‘heart’ first, then ‘head’). The first one sounds written rather than spoken, especially the way the second sentence begins with ‘Renowned for providing…’

Page 14: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

13 St John Ambulance Identity guidelines

OUR PHOTOGRAPHYREPORTAGE

We have two styles of photographic imagery, which we can use according to the context. The first of these is ‘reportage’.

These images always show people in action – either our own employees, volunteers or members of the public doing whatever they can to help, whether it’s administering first aid, running a marathon to raise money, or teaching others how to save lives. Make sure that the photos you choose look real, and not ‘posed’.

These pictures are always used in colour and have the flexibility to be used across all our communications materials.

Page 15: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

14 St John Ambulance Identity guidelines

OUR PHOTOGRAPHYPEOPLE

Some of our communications need another style of portrait photography. These images should always look like real people, and appear on a white background.

These images should have a cool colour balance. To achieve this look, a simple treatment in Adobe Photoshop would be:

Desaturation –35 Cyan curve +15% Add Auto Contrast.

ExampleCampaign poster for RISE

REALISE

RISEYOUR POTENTIAL

TO THE CHALLENGEIf you’re aged 14–24 & not in full-time employment or education, RISE could help you learn how to save lives and expand your skillset at the same time.

RISE

Learn first aid.

Page 16: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

15 St John Ambulance Identity Guidelines

our PHotoGrAPHY oBJeCts

Using images of objects can add interest, energy or wit to our materials. Make sure they are predominantly green, are on a white background, and have some clear relevance to the copy around them (the poster below is a great example). Use them sparingly – less is more.

Example Wall graphics for our National Headquarters

LEADINGTHE NATION’S

FIRSTAIDCHARITY

Page 17: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

16 St John Ambulance Identity guidelines

Illustration examples Illustration and text

Sit them downMake the person as comfortable as possible, keeping their knees bent.

For full advice, download our free app –search for ‘St John Ambulance’ in your app store.

OUR ILLUSTRATIONS

We use illustrations to help us teach people about first aid techniques. Illustrations like these allow us to convey information in a clean and clear way. We use our colour palette, and our distinctive ‘arrow’ to emphasise particular points. The illustrations always appear with first aid advice text.

ExampleFirst aid poster

Press itApply direct pressure over the wound with your hand using a clean dressing, and wear glovesif available. If you don’t have a dressing, ask the person to apply pressure themselves.

Where possible, maintain direct pressure on the wound to control bleeding.

1.

Raise itHelp them lie down.

If possible, raise and support the injured limb above the level of the heart to reduce blood loss.

Raise their legs to ease shock.

2.

Call 999 or 112 and monitor the casualty while waiting for help to arrive.

Call for help3.

WHAT TO DO WHEN SOMEONE IS BLEEDING SEVERELY

Learn first aid.

FIRST AID

Page 18: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

17 St John Ambulance Identity guidelines

ExampleThe icons on the St John Ambulance app

OUR ICONS

These icons have been specially developed for use on a small scale – such as our mobile phone app. They can also be used as ‘navigational aids’, signposting the reader or user through a document or website.

The icons echo our logo style, and are always used in the black roundel on a white background.

Asthma

Emergencies

Bleeding

Bones & muscles

Burns

Chest pains

Choking

Drowning

Page 19: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

18 St John Ambulance Identity guidelines

USING THE TOOLKIT

Page 20: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

19 St John Ambulance Identity guidelines

FIRST AID

FIRST AID FIRST AID

Logo lock-up with exclusion area Examples of cover grids with cellsA size

Heading styleSub heading style00.00.00

A size – more white space 5x4

A size – more white space DL

FIRST AID

Heading styleSub heading style00.00.00

FIRST AID

Heading styleSub heading style00.00.00

FIRST AID

Heading styleSub heading style00.00.00

USING THE TOOLKITLOGO LOCK-UPS AND GRIDS

The campaign or subject title, with the logo, should be placed in the top left hand corner of the page or poster, on a white background. It should have its own exclusion area, at least the size of one cell – but you can have more white space than that if you wish.

The heading and any sub-heading for that specific communication can then be placed on the grid as shown.

ExampleLogo lock-up poster and PowerPoint examples REALISE

RISEYOUR POTENTIAL

TO THE CHALLENGEIf you’re aged 14–24 & not in full-time employment or education, RISE could help you learn how to save lives and expand your skillset at the same time.

RISE

Learn first aid.

Review of National FunctionsNovember 2013

Type size guideA4 22pt/24ptA5/DL 16pt/18pt

Heading style Whitney Semibold Sub heading style Whitney Book

Logo size guide widthA3 68mmA4 55mmA5 40mmDL 40mm

Page 21: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

20 St John Ambulance Identity guidelines

Multi-coloured quotesand key messages

White highlight boxesover patterned background

Big type ranged left

Highlight boxes Single colour quotes and key messages

500,000LEARN

EVERY YEAR

YOUNG PEOPLE

LIFE SAVINGSKILLSTHANKS TO OUR WORK

LIFEJulie KelirisLife saver

‘‘

HE WOULDN’T BE OUTENJOYING HIMSELF.THAT’S A LOVELY

FEELING

I DO SOMETIMESTHINK TO MYSELFTHAT IF I HADN’T

SAVEDMY DAD’S

FOR ME

AIDFIRST

EVERYONESHOULD HAVE THEOPPORTUNITYTO LEARN

David JonesBedford

REALISE

RISEYOUR POTENTIAL

TO THE CHALLENGE

USING THE TOOLKITHEADLINE TYPOGRAPHY

There are lots of different options – single colour and multi-coloured, boxes and quotes. Just make sure you use the right typeface, always in capital letters, and so the text is clearly legible.

Make sure you think about which words should be most prominent, and ensure that this is reflected in your font size and colour choice.

Headlines should be positioned to the left or right of a page, not in the middle.

ExampleGraphic for our National Headquarters

ME ONEstelle FieldLife saver

JUNE’SDAUGHTERWAS HOLDING HER

HANDAND I WASSTRUCKHOW I’D BE

IF IT WAS SOMEONE I

LOVED,WHICH SPURRED

FEELING

Page 22: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

21 St John Ambulance Identity guidelines

Examples

DISPLAY72pt Whitney Black ALL CAPS

DISPLAY60pt Whitney Black ALL CAPS

DISPLAYDISPLAY48pt Whitney Black ALL CAPS

36pt Whitney Black ALL CAPS

HEADLINE LEVEL 1HEADLINE LEVEL 1

21pt/22pt Whitney BlackALL CAPS

Wherever possible use ourSt John Ambulance arrow,in green, for bullet points.

Introduction copy – dolor amet, consecteturelit fusce a ante mollis imperdiet nulla asagittis lorem pellentesque nisi maurispharetra nec congue. 15pt/17pt Whitney Book

Upper/lower case

Body copy title level 111pt/13pt Whitney SemiboldUpper/lower case

11pt/13pt Whitney BookUpper/lower case

Body copy title level 211pt/13pt Whitney SemiboldUpper/lower case

Body copy text – dolor sit amet, consectetur elit Fusce a ante mollis, imperdiet nulla a, sagittis lorem pellentesque nisi mauris, pharetra nec congue id, sodales non nunc. Mauris varius bibendum ipsum ut consequat. lacus augue, mattis ac dui sed, rhoncus hendrerit justo. Nulla tellus orci, tincidunt nec ante eget, fermentum rutrum enim. Maecenas dictum ac nisl nec facilisis. Etiam id purus neque vehicula ut diam consectetur accumsan.

Bullet points – quis interdum ultrices, enim elit sodales nunc, at lacinia dui est sed urna. Aliquam tempus pretium sollicit tincidunt dui sed vehicul.

Sed eget aliquet arcu, ut tempus mi

Sed dui elit, congue non ipsum eget, bibendum fermentum. Donec venenatis et urna eu dapibus.

USING THE TOOLKITLAYOUT TYPOGRAPHY

Here are examples of recommended type sizes for brochures and body copy in print.

These sizes are just a guide to help you maintain a clear typographical hierachy.

Always use black, grey or green for body copy.

(In some instances, for example some letters or powerpoints, capital letters could set the wrong tone - if you’re unsure, check with the brand team.)

Page 23: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

22 St John Ambulance Identity guidelines

A size (portrait)

FIRST AID

Heading styleSub heading style00.00.00

A size (landscape) DL

FIRST AID

Heading styleSub heading style00.00.00

FIRST AID

5x4 (landscape)

Heading styleSub heading style00.00.00

FIRST AID

Heading styleSub heading style00.00.00

USING THE TOOLKITUSING THE CHEVRONS

The chevron pattern can be a subtle border, or a striking design feature. Just make sure you allow the right amount of white space around the headline, as shown here, and that you have a mix of colours that includes green, yellow and grey.

ExampleSome examples of the various chevron patterns available in the toolkit are on the following page.

Page 24: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

23 St John Ambulance Identity guidelines

USING THE TOOLKITUSING THE CHEVRONS

Examples of the various chevron patterns available in the toolkit.

Page 25: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

24 St John Ambulance Identity guidelines

PRESS ITApply direct pressure over the wound with your hand using a clean dressing, and wear gloves if available. If you don’t have a dressing, ask the person to apply pressure themselves.

Where possible, maintain direct pressure on the wound to control bleeding.

1.

RAISE ITHelp them lie down.

If possible, raise and support the injured limb above the level of the heart to reduce blood loss.

Raise their legs to ease shock.

2.

Call 999 or 112 and monitor the casualty while waiting for help to arrive.

CALL FOR HELP3.

WHAT TO DO WHEN SOMEONE IS BLEEDING SEVERELY

Learn first aid.

FIRST AID

AWARENESS

Who we areand what we do

REVIEW

Review ofnational functions17.06.14

LEADINGTHE NATION’S

FIRSTAIDCHARITY

Become a trainer.

Sarah SloaneBedford

Learn first aid for free.

SAVE A LIFESEPTEMBER REALISE

RISEYOUR POTENTIAL

TO THE CHALLENGEIf you’re aged 14–24 & not in full-time employment or education, RISE could help you learn how to save lives and expand your skillset at the same time.

RISE

Learn first aid.

Asthma

Emergencies

Bleeding

Bones & muscles

Burns

Chest pains

Choking

Drowning

ME ONESTELLE FIELDLIFE SAVER

JUNE'SDAUGHTERWAS HOLDING HER

HANDAND I WASSTRUCKHOW I'D BE

IF IT WAS SOMEONE I

LOVED,WHICH SPURRED

FEELING oSAVE A LIFESEPTEMBER RISE SUPER

HEROES

ANNUAL REPORT& ACCOUNTS 2014

St John Ambulance is the nations’s leading first aid charity. Every year 45,000 of our volunteers treat, transport and provide care for over 200,000 people in local communities nationwide. We are also one of the country’s leading youth organisations, with half of our members aged 25 and under.

Caption line here lorem ipsum dolar

TRANSPORT SERVICESWith a large range of ambulances and specialist vehicles, we transport sick and vulnerable patients on both local and long distance journeys.

FIRST AID VOLUNTEERSIf you want to provide direct care to your local community and beyond, volunteering as a first aider with us is an ideal way to learn life saving skills and help those in need. You will receive comprehensive training to become a qualified first aider with the opportunity to continue to advance your skills. You will help provide first aid cover in a variety of di�erent settings including concerts, community and sporting fixtures, as well as national events.

COMMUNITY PROJECT VOLUNTEERSIn addition to our first aid service, many of our areas provide or contribute to a care or support service, helping the community. As a volunteer with St John Ambulance you can become involved with such projects. These include:

SUPPORT VOLUNTEERSFor every first aider there is a dedicated team of support volunteers ensuring that we can continue to provide our first aid, training, transport and care services. The range of voluntary roles available for all abilities is vast. These roles can be based in your local unit, or on a country-wide level. You can also choose to volunteer solely in a support role, or in addition to being a first aider.

Young carer support programmeBathing servicesCaring for carersHelp for the homelessBreakfast clubs for childrenRural community support groupsSitting servicesHospital library services

VOLUNTEERING AS A FIRST AIDER IN YOUR LOCAL COMMUNITY St John Ambulance are looking for volunteers to help us make a di�erence in local communities. Volunteers are trained by our professional medical teams. Their role includes everything from providing vital first aid cover at events, working behind the scenes, or providing an additional service in your local area.WHY VOLUNTEER? We’re the nation’s leading first aid charity. We’ll train you with specialist skills that will enable you to help save lives, and teach others to help save lives too.

01 02St John Ambulance Volunteering as a first aider in your community St John Ambulance Volunteering as a first aider in your community

THEACHIEVEMENT

LIFE

IT’S PROBABLY

GREATEST

OF MYSimon UnderwoodLife Saver

VOLUNTEER

Volunteer as a first aider in your community

Head Heart

USING THE TOOLKITACTUAL EXAMPLES

Page 26: GUIDELINES - St John Ambulancemy.sja.org.uk/Resource/pdf/St John Ambulance brand guidelines... · 1 S Jh Ambulance Identit idelines Logo p3 Colour p6 Typeface p5 Call to action p8

25 St John Ambulance Identity guidelines

CONTACT DETAILS

For more details on the St John Ambulance brand, or to request digital files and templates, please contact:

The brand and communications [email protected]: 020 7324 4205