customer annual report

28
Publication Design Guidelines February 2006

Upload: neil-westrope

Post on 28-Mar-2016

218 views

Category:

Documents


0 download

DESCRIPTION

test test test

TRANSCRIPT

Page 1: Customer Annual Report

Publication

Design Guidelines

F e b r u a r y 2 0 0 6

Page 2: Customer Annual Report

1.0 TheLogo

1.1 Using the Logo1.2 Exclusion zone1.3 Logo Sizes1.4 The Pinecone Graphic

2.0 Typography

2.1 Typefaces2.2 Typeface Hierarchy

3.0 Colour

3.1 Colour Specification3.2 Colour Usage

4.0 Publications

4.1 Use of Imagery4.2 Brochures & Leaflets4.3 Example Page Layout4.4 Corporate Band Element4.5 A4 Leaflet Cover Template A4.5.1 A4 Leaflet Cover Template B 4.5.2 A4 Leaflet Internal Grid4.6 A5 Leaflet Cover Template A4.6.1 A5 Leaflet Cover Template B 4.6.2 A5 Leaflet Internal Grid4.7 DL Leaflet Cover Template A4.7.1 DL Leaflet Cover Template B 4.7.2 DL Leaflet Internal Grid

Contents

Page 3: Customer Annual Report

1.0 The Logo

1.1 Using the Logo1.2 Exclusion zone1.3 Logo Sizes1.4 The Pinecone Graphic

Page 4: Customer Annual Report

1.1Using the Logo

The mhshomeslogo featured below is the logo that should be used and be most prominent on all mhshomes marketing material.

The logo should not be used in any other way than that shown unless specifically requested bymhshomes.

For use on a white or light background colour

For use on dark coloured backgrounds.

CMYKC=87 | M=0 | Y=60 | K=65

Pantone 554

CMYKC=0 | M=8.5 | Y=94 | K=0

Pantone 109

Logo Colours

mhs green

mhs yellow

Page 5: Customer Annual Report

1.2Exclusion Zone

The exclusion zones are set to ensure clear and well-defined presentations of the logo.

This margin must be maintained between the logo and the edge of a page. In general (and where possible), typography or other design elements should not be positioned within this zone.

Minimum Exclusion Zone

Preferred Exclusion Zone

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

1/4 of logoheight

Page 6: Customer Annual Report

1.3Logo Sizes

Do not stretch or compress the logo either vertically or horizontally while scaling.

There are preferred sizes for the logo depending on what size document it is being used on.

40mmheightA4 Size Document

32mmheightA5 Size Document

32mmheightDL Size Document

Page 7: Customer Annual Report

1.4The Pine Cone Graphic

The Pine Cone graphic can be used as a decorative element to enhance simple documents. The Pine Cone should only appear as a subtle tint of the specified mhshomes colours and only used on documents where there is no imagery available.

The Pine Cone should be cropped creatively and bleed off at least 1 edge of the page.

For use on dark coloured backgrounds.The Pine Cone is an 80% tint of the background colour.

For use on white or light coloured backgrounds.The Pine Cone is a 10% tint of the mhshomes house green.

For use on white or light coloured backgrounds when green is not suitable.The Pine Cone is a 8% tint of the mhshomes house green.

Page 8: Customer Annual Report

2.0 Typography

2.1 Typefaces2.2 Typeface Hierarchy

Page 9: Customer Annual Report

2.1Typefaces

Humanist777 and TimesNewRoman are the preferred typeface families.

Humanist777Light

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777LightItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777LightCondensed

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777RegularItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777RegularCondensed

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777BoldItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Humanist777BoldCondensed

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Times New Roman Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Times New Roman Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Times New Roman Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Times New Roman Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Page 10: Customer Annual Report

2.2Typeface Hierarchy

TimesNewRoman and Humanist777 should be used on all collateral. In general, the Times New Roman Family is used for headlines. The Humanist 777 family is used for subheads, intro text, copy and second subheads/captions.

HeadingIntro Copy

SubheadLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla id leo in risus rutrum varius. Sed vestibulum dolor vitae nulla. Sed eros. Donec iaculis est sed purus. Aliquam massa neque, egestas quis, sollicitudin et, aliquet nec, mi. Quisque pharetra condimentum massa. Suspendisse potenti. Phasellus feugiat felis eu ipsum. Fusce iaculis. Sed erat nunc, bibendum pellentesque, volutpat sed, dictum a, mauris.

Cras eros enim, fringilla eget, porta ut, gravida eu, nunc. Nulla facilisi. In lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sagittis varius magna. Praesent cursus, nunc eget ornare convallis, leo lorem condimentum nibh, sed auctor ante velit.

Secondary Subhead / Caption

TimesNewRomanRegular

Humanist777Light

Humanist777Regular

Humanist777Light

Humanist777LightItalic

Page 11: Customer Annual Report

3.0 Colour

3.1 Colour Specification3.2 Colour Usage

Page 12: Customer Annual Report

3.1Colour Specification

As well as the homes green and homes yellow primary colours there are 2 secondary colours, which define the areas of business for mhshomes.

The colours specified and their values must be as exact in reproduction as printing will allow to achieve a consistency throughout the collateral. No other colour may be introduced without prior consent from mhshomes.

CMYKC=87 | M=0 | Y=60 | K=65

Pantone 554

CMYKC=0 | M=8.5 | Y=94| K=0

Pantone 109

Primary Colours

CMYKC=100 | M=35 | Y=0 | K=0

Pantone 3005

CMYKC=0 | M=100 | Y=30 | K=30

Pantone 215

Secondary Colours

mhs green

mhs yellow

mhs blue

mhs red

NB. EVERY EFFORT HAS BEEN MADE TO GIVE AN ACCURATE COMPARATIVE COLOUR BETWEEN THE CMYK AND PANTONE REFERENCES.WHEN PRINTED HOWEVER, A SLIGHT DIFFERENCE BETWEEN THE CMYK AND PANTONE COLOUR COULD BE EXPERIENCED BUT THIS IS A COMMON OCCURANCE.

THE PANTONE REFERENCE SHOULD ONLY BE USED IN 1 OR 2 COLOUR JOBS WHERE SPECIFIED ALL 4 COLOUR REPRODUCTIONS SHOULD USE THE CMYK REFERENCE.

Page 13: Customer Annual Report

3.2Colour Usage

The different areas within mhshomeshave now been colour coded to enable tenants to easily distinguish between different forms of literature.

The decision as to what area literature falls into is to be decided by mhshomes.

mhs green - standardservices

mhs red - guarantees,policiesandprocedures

mhs blue - additionalservices

Page 14: Customer Annual Report

4.0 Publications

4.1 Use of Imagery4.2 Brochures & Leaflets4.3 Example Page Layout4.4 Corporate Band Element4.5 A4 Leaflet Cover Template A4.5.1 A4 Leaflet Cover Template B 4.5.2 A4 Leaflet Internal Grid4.6 A5 Leaflet Cover Template A4.6.1 A5 Leaflet Cover Template B 4.6.2 A5 Leaflet Internal Grid4.7 DL Leaflet Cover Template A4.7.1 DL Leaflet Cover Template B 4.7.2 DL Leaflet Internal Grid

Page 15: Customer Annual Report

4.1Use of Imagery

Images on front covers should follow the following criteria:

• Have enough white space at the top of the picture to incorporate the document headlineor Have plenty of room at the top of the image to fade white over the image without infringing on the focus of that image. This is to allow enough space for the document headline.

• Creatively cropped

• Include people (where appropriate)

Below are examples of suitable imagery.

Page 16: Customer Annual Report

4.2Brochures and Leaflets

The purpose of a front cover is to attract the attention of the reader and inform. By creatively combining high-quality picture material with the elements of our visual identity, colours, the logo we can achieve this and create a strong group identity.

Page 17: Customer Annual Report

4.3Example Page Layout

This page shows a typical layout for an A5 leaflet and should be used for inspiration only.

Page 18: Customer Annual Report

4.4Corporate Band Element

The corporate band element previously seen on various pieces of collateral has now been adapted for use on all A4, A5 and DL leaflets. The new corporate band has been designed to give maximum room to the logo and strapline and any secondary headlines that may be required. Do not stretch or compress the corporate band either vertically or horizontally while scaling. The secondary band must always be yellow, only the primary band changes colour to suit the area of business.

Yellow BandA4 = 3mmA5 = 2mmDL = 2mm

1/4 of pageheight

1/4 of pageheight

Full Page Width

Secondary Band

Primary Band

Page 19: Customer Annual Report

4.5A4 Leaflet Cover Template A

This template should be used when imagery is available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents. The main headline must always sit at the top of a document and run horizontally across the page.

Headline:Times New

Roman Regular50/54pt

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

24/28pt

Strapline:Humanist 777 BT

Bold Italic12/15pt 10mm

10mm

40mm

20mm

74.25mm

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A4 COVER

Page 20: Customer Annual Report

4.5.1A4 Leaflet Cover Template B

This template should be used in the unlikely event of no suitable imagery being available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents. The main headline must always sit at the top of a document and run horizontally across the page.

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

24/28pt

Strapline:Humanist 777 BT

Bold Italic12/15pt 10mm

10mm

40mm

20mm

74.25mmHeadline:

Times NewRoman Regular

50/54pt

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A4 COVER

Page 21: Customer Annual Report

4.5.2A4 Leaflet Internal GridThe grid below is the template for all A4 internal spreads. It is the designers choice as to how the information islayed out within this grid and should only be used as a guideline for producing designs.

15

15

6 15 15 15

20

6 6 6 6

15

20

6

ALL MEASUREMENTS ARE IN MILLIMETRES. THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A4 DOUBLE PAGE SPREAD

Page 22: Customer Annual Report

4.6A5 Leaflet Cover Template A

This template should be used when imagery is available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents.The main headline must always sit at the top of a document and run horizontally across the page.

Headline:Times New

Roman Regular40/44pt

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

16/20pt

Strapline:Humanist 777 BT Bold Italic

11/14pt

15mm 8mm

8mm

32mm 52.5mm

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A5 COVER

Page 23: Customer Annual Report

4.6.1A5 Leaflet Cover Template B

This template should be used in the unlikely event of no suitable imagery being available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents. The main headline must always sit at the top of a document and run horizontally across the page.

Headline:Times New

Roman Regular40/44pt

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

16/20pt

Strapline:Humanist 777 BT Bold Italic

11/14pt

15mm 8mm

8mm

32mm

52.5mm

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A5 COVER

Page 24: Customer Annual Report

4.6.1A5 Leaflet Internal GridThe grid below is the template for all A5 internal spreads. It is the designers choice as to how the information islayed out within this grid and should only be used as a guideline for producing designs.

10 10 10 10

10

12 12

10

66

ALL MEASUREMENTS ARE IN MILLIMETRES. THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF AN A5 DOUBLE PAGE SPREAD

Page 25: Customer Annual Report

4.7DL Leaflet Cover Template A

This template should be used when imagery is available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents. The main headline must always sit at the top of a document and run horizontally across the page.

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

14/18pt

Strapline:Humanist 777 BT Bold Italic

9/13pt

Headline:Times New

Roman Regular34/38pt

8mm 8mm

8mm

32mm52.5mm

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF A DL COVER

Page 26: Customer Annual Report

Strapline

Sub Heading

Headline

Sub Heading:Humanist 777 BT

14/18pt

Strapline:Humanist 777 BT Bold Italic

9/13pt

Headline:Times New

Roman Regular34/38pt

8mm 8mm

8mm

32mm

52.5mm

4.7.1DL Leaflet Cover Template B

This template should be used in the unlikely event of no suitable imagery being available and only used as a guideline for producing designs. The colour of the band would need to change according to what area of business the document represents. The main headline must always sit at the top of a document and run horizontally across the page.

THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF A DL COVER

Page 27: Customer Annual Report

4.7.1DL Leaflet Internal GridThe grid below is the template for all DL internal spreads. It is the designers choice as to how the information islayed out within this grid and should only be used as a guideline for producing designs.

10 10 10 10

10 10

1010

ALL MEASUREMENTS ARE IN MILLIMETRES. THE ABOVE TEMPLATE IS A SCALED REPRESENTATION OF A DL DOUBLE PAGE SPREAD

Page 28: Customer Annual Report

Broadside, Leviathan Way, Chatham Maritime, Chatham, Kent ME4 4LLTel: 01634 354000 Email: [email protected] www.mhshomes.co.uk