city of wolverhampton · the city of wolverhampton brand guidelines will be managed by the city...

01

BRAND GUIDELINESSECTION 01 THE LOGOCITY OF WOLVERHAMPTON

BRAND GUIDELINES

CITY OFWOLVERHAMPTON

02

WELCOME TO THE CITY OF WOLVERHAMPTONWolverhampton is a place of positivity and progress. Like all cities, we have faced many challenges, but together we have made huge strides to bring about change. Our strength and our future lies in our biggest and smallest communities, our businesses, our corporations and our associations.

There is great pride and potential in our people. Channeling this into one unified voice: Together we are The City of Wolverhampton.

Out of the darkness, cometh light.

USING THESEGUIDELINESThe City of Wolverhampton brand guidelines will be managed by the City Council’s design team. For advice and guidance on how to use the brand please contact:

Adrian [email protected] 555087

GOVERNANCEThe brand has been developed in partnership with the City’s Economic Growth Board which is made up of representatives from the business community and stakeholders who support the growth of the city’s economy.

03

TOGETHER WE ARETHE CITY OF...

WOLVE RHAMPTON

WELCOMINGOPENLIVELYVOLUNTEERSENTREPRENEURS READYHONESTAMBITIOUSMAKERSPROGRESSIVETHINKERSORIGINALNATIVE

04

WE ARE THINKERS WE ARE READY

WE ARE LIVELY WE ARE ORIGINAL

05

TOGETHER WE ARE THE CITY OF WOLVERHAMPTON

06


07


08

BRAND GUIDELINESCITY OF WOLVERHAMPTON CONTENTS

SECTION 109 THE LOGO10 THE LOGO11 LOGO CLEAR SPACE12 LOGO SIZE13 LOGO COLOUR14 LOGO POSITION16 LOGO FOLDERS17 LOGO FILES

SECTION 218 THE COLOUR19 COLOUR PALETTE20 COLOUR BALANCE21 TYPE COLOUR

SECTION 322 TYPOGRAPHY23 BRAND TYPEFACE24 TYPE STYLES

SECTION 425 DEVICES26 PATTERNS27 PATTERNS EXAMPLES30 THE MARQUE

SECTION 531 PHOTOGRAPHY32 PEOPLE PHOTOGRAPHY33 GROUP PHOTOGRAPHY

SECTION 634 ART DIRECTION

SECTION 736 BEST PRACTICES

CONTENTS

09

BRAND GUIDELINESSECTION 01 THE LOGOCITY OF WOLVERHAMPTON

01 THE LOGO

10

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 01 THE LOGO

THELOGOFrom industry to technology,The City of Wolverhampton hasa strong heritage of inventing,making and doing. We havetapped into this idea ofinnovation and engineering withthe construction of our marque.

Primary versions to be used on brand lead applications and hero associations.

Secondary logo to be used on collaborations and partner creative when primary logo is not suitable.

Mark only can be used separately to type, as a graphic or stamp of approval. See page 41 for examples of mark only usage.

PR

IMA

RY

LO

GO

SE

CO

ND

AR

Y L

OG

O

MARK ONLY APPLICATION

11


LOGOCLEARSPACEThe City of Wolverhampton logo should always be surrounded by a minimum area of blank space. This area of isolation ensures that headlines, text or other visual elements do not encroach on the logo. The area is defined by using the height of the marque to create the invisible boundary of isolation.

12


LOGOSIZEThe logo has been designedto be reproduced at a minimumwidth of 40mm / 150 pixels.There is no maximum reproduction size of the logo.

40mm / 150px

13


LOGOCOLOURThere are two colour options forthe logo; violet and orange.

On dark backgrounds the whiteor orange versions should be used and on light background the violet version should be used.

For mid range colours either can be used.

A monochrome version hasalso been supplied for use innon-colour printing.

14


LOGOPOSITIONWhere possible the logo should be placed in the bottom centre, or top centre of the page.

It may also be placed top orbottom right and top or bottom left if this works better with the layout.

15


LOGOFOLDERSHere is an outline of all the logo folders, and a guide for which file type to use for different applications.

PRINTSCREEN

EPS

These are vector files that can be reproduced at any size.

PNG

These are the preferred on-screen file type as they have a transparent background.

PDF

These files have the been added as they are easier to preview on most screens than EPS files and can also be used in print.

JPG

These have been added for instances where it isn’t possible to use a PNG.

EPS/PDFThese files have been added for use within design programmes where a vector file is preferred.

16


LOGOFILESHere is an outline of the file naming system and a reference for which colours to use for each application.

PRINTSCREEN

PANTONE U

Pantone is the preferred professional method of printing the logo. This version will give best results on uncoated paper.

RGB

This version can be used for any on-screen use.

PANTONE CThis Pantone version is for use on coated paper.

BLACKThis version can be used for any on-screen use.

WHITEThis version can be used for any on-screen use.

CMYKFor all in-house printing use or external 4 colour printing.

WHITEFor use in any colour mode.

BLACKFor use when colour printing is not possible.

17

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 02 THE COLOUR

02 THE COLOUR

18


COLOURPALETTEThe City of Wolverhampton brand colours have been carefully selected as they work well across the entire brand. It is important that only these colours are used.

BLACK

PANTONE BLACK 6 UPANTONE BLACK C

VIOLET

PANTONE 276 UPANTONE 5255 C

RGB

RGB

CMYK

CMYK

HEX 000000 HEX 1e1625

000

312237

100100100100

87875272

PURPLE


RED


ORANGE


YELLOW


RGB

RGB

RGB

RGB

CMYK

CMYK

CMYK

CMYK

HEX 2e2133 HEX f08161 HEX f5a36c HEX fabf74

463351

24013098

245164108

250192117

80834763

060600

044600

030600

19


COLOURBALANCEIn order to create consistency, this colour chart can be used as a general guide for colour balance.

20

BRAND GUIDELINESCITY OF WOLVERHAMPTON

TYPECOLOURSome brand colours work better together than others, especially when using text.

Here is a breakdown of the colours of text which work best on each background colour.

SECTION 02 THE COLOUR

WHITE

WHITE

ORANGE

VIOLET RED

PURPLE

21

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 03 TYPOGRAPHY

03 TYPOGRAPHY

22


BRANDTYPEFACEKnockout has been carefully selected to represent the City of Wolverhampton brand because of it’s modern angular appearance.

It should be used as the primary typeface for online and print use. It can be purchased and licensed here:

https://www.typography.com/fonts/knockout/overview

KNOCKOUTABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWYZabcdefghijklmnopqrstuvwxyz01234567890!@#$%^&*()

23


TYPESTYLESPrimary messaging and titles should use an uppercase mix of HTF27 JuniorBantamwt and HTF90 UltmtWelterwt. Using HTF90 UltmtWelterwt to highlight the important copy . TOGETHER, WE ARE

THE CITY OFWOLVERHAMPTON

24


TOGETHERJunior Featherwt

HELLOJunior Bantamwt

NEWUltmt Heviwt

WELCOMEFull Heviweight

TYPESTYLESBy using a mixture of sizes, weights and cuts of type we can further enhance the concept of diversity and create a conversational appearance that has a distinct personality.

Primary WeightsJunior Featherwt, Ultmt Heviwt

Secondary WeightsJunior Bantamwt, Junior Liteweight, Junior Heviwt. Bantamweight, Welterweight, Heviweight, Full Flyweight, Full Bantamwt, Full Liteweight, Full Welterwt, Full Middlewt, Full Heviweight, Full Sumo, Ultmt Welterwt, Ultmt Middlewt, UltmtSumo

25

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 04 DEVICES

04 DEVICES

26


PATTERNSThe City of Wolverhampton is a melting pot that brings people together, whether through socialising, culture or sport.

We have represented these interactions as a series of pathways that when woven together create dynamic and energetic patterns.

The pattern is a good alternative to flat colour or photography, adding an extra level of interest.

Provided artworks can be used. Potential to also develop additional orientation of patterns by using provided artworks, as a guide of style, line width and colourways.

Please use provided .EPS artwork assets.

27


PATTERNSEXAMPLES

28


PATTERNEXAMPLESTop level advertising, covers and hero applications to use graphic photo treatment, colourwaysand pattern.

29


PATTERNEXAMPLESAdding areas or space to ensure the pattern does not take overthe creative.

30


THEMARQUEAs well as appearing in the logo, the marque can also be used on its own. There is violet, purple, red, orange, yellow and white versions available to use. Here are a few of the colour options that can be used.

31

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 05 PHOTOGRAPHY

05 PHOTOGRAPHY

32


PEOPLEPHOTOGRAPHYThe photography style should be natural and authentic. Individual shots will show the various ways that people enjoy and enhance the City of Wolverhampton.

33


GROUPPHOTOGRAPHYGroup photography is used to reflect themes of diversityand togetherness.

The shots should focus on natural, ‘captured moments’ style scenes.

34

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 06 ART DIRECTION

06 ART DIRECTION

35

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 06 ART DIRECTION

ARTDIRECTIONThe main focus of the photography will be people. By adding the brand pattern and colours we can create a sense of ownership and a recognisable asset.

36

BRAND GUIDELINESCITY OF WOLVERHAMPTON SECTION 07 BEST PRACTICES

07 BEST PRACTICES

37


38


39


40


41


42


43


44


45


46


47


For advice and guidance on how to use the brand please contact Adrian Stubbs: [email protected] or 01902 555087.

city of wolverhampton · the city of wolverhampton brand guidelines will be managed by the city...

Documents