cwsi

12
Visual Identity Guidlines

Upload: david-bailey

Post on 10-Mar-2016

216 views

Category:

Documents


0 download

DESCRIPTION

Brand Manual

TRANSCRIPT

Page 1: CWSI

TYPEFACES

Visual Identity Guidlines

Page 2: CWSI

Logo 3

Logo Versions 4

Logo Spacing 5

Logo Don’ts 6

Colour Reproductions 7

Colour Don’ts 8

Typography 9

Logo Application 10

Web Media 11

Page 3: CWSI

LOGO

3

Logo

The ‘CWSI’ logo consists of a number of design elements.

The CWSI Typeface

A rounded typeface was constructed to give the brand an approachable and friendly feel. The changing gradient highlights that the company is in tune with the constant changing of the industry in which itoperates.

The CWSI Bounce Logo Mark

The CWSI Bounce Logo Mark highlights the Mobile and IT industry that the company operates in. It helps people identify with the company as being apart of the mobile and IT industry.

The overall logo also aims to reflect the essence of CWSI brand, which is solid and confident and constantly evolving, while keeping a friendly and approachablerelationship with its customers.

The CWSI Tagline

The CWSI tagline ‘connect, secure, manage’encompasses and creates communication between the brand and its customers about the services that CWSI provide to thecustomer. It helps make the company less ambiguous to its clients.

Page 4: CWSI

LOGO REPRODUCTIONS

4

Logo Versions

The CWSI logo is available in fourdifferent versions. Each version has been specifically designed to allow the bestpossible reproduction of the logo across different media and output methods.Please ensure to use the correct version, takng into consideration reproductionrestrictions, as well as the size and shape of the materials being used.

We should, wherever possible place the logo on a white backgound to ensurelegibility.

Gradient Colour.For use across all media.

Single Colours Positive.For simple application of the logo. ie stencilling.

For Exceptional Use.For use where the logo needs to be placed on a base colour or image other than white.Always insure that the base colour isequivalent in tint to no less than 40% black. This will ensure legibility of the logo.

Flat Colour.For use were the gradient print quality is insufficient.

Page 5: CWSI

LOGO SPACING

5

.5x

.5x

.5x

.75x.75x

.5x.5x

.5x

.2x.2x

.2x.2x

1x1x

.5x

.5x 3.5x

Min width 20mm

Logo Spacing

Exclusion area

An exclusion area has been specifically developed to allow maximum clarity and legibility of the logo.

The image on the left represents theexclusion area required around anyapplication of the primary logo. No typeor graphic elements should intrude into this space. The exclusion area is measured by a unit (.5x) equal to half the capital height of the CWSI wordmark. Minimum size

The CWSI logo no smaller tham 20mm wide. When required in smaller sizes, or when it is not possible to print the full-colour logo, use the black (positive) or white (reversed) versions of the logo.

Page 6: CWSI

LOGO DON’TS

6

Avoid the following when using the logo

Do Not recolour the logo.

Do Not recreate the logo.

Do Not change the logo elementsrelationship. Always maintain theintegrity of supplied artwork.

Do Not repurpose the style of the logotype to fit new brands or campaigns.

Do Not place the full-colour logo on a photographic or coloured background.

Do Not adjust the gradients inside the logo.

Do Not use ‘CWSI’ as a stand alone graphic element.

Do Not rescale the logo out ofproportion.

Do Not use ‘the bounce’ as a standalone graphic element.

Page 7: CWSI

COLOUR PALETTE

7

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

Colour Reproductions

All colours have specified values for CMYK, RGB and Web reproduction.

Our colour palette is made up of a range of colours taken from the colour palette of CWSI Brand and incorporated into the CWSI logo.

As our leading set of colours, they should be used to make up the majority of anycollateral.

Our primary palette consists of thefollowing colours:

CWSI Purple Dark

A visual link to the approachable nature of the company.

CWSI Purple Light

A complimentary colour that also reflects a friendly approach.

DS 175-1 U

62, 85, 0, 50

72, 33, 94

48215e

PANTONE

CMYK

RGB

#

PANTONE

CMYK

RGB

#

DS 160-2 U

39, 88, 0, 0

163, 67, 153

a34399

CWSI Purple Dark CWSI Purple Light

Page 8: CWSI

COLOUR DON’TS

8

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o�cia deserunt mollit anim id est laborum."

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

Do Not recolour logo artwork with any colours from the secondary colour palette.

Avoid the following when using colour

Do Not overuse purple. It should only be used as an accent colour.

Do Not create your own colours.

Do Not incorporate large areas ofcolour into your designs unnecessarily. Use white space carefully when you can.

Do Not use tints other than thoseprescribed.

Do Not blend colours.

Page 9: CWSI

TYPEFACES

9

Typography

Overview

There are two typefaces used in the “CWSI” logo, Varela Round and Verdana Regular or Bold.

Varela Round

Our primary typeface family, to be used in headers where possible.

Verdana

For use in digital and MS Office copy only.Available in a range of weights and italics from regular to bold.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z0 1 2 3 4 5 6 7 8 9 ? ! ç ñ € $ @ # % ^ & * ( ) _ + { } : ”

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9 ?! ç ñ € $ @ # % ^ & * ( ) _ + { } : ”

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z0 1 2 3 4 5 6 7 8 9 ?! ç ñ € $ @ # % ^ & * ( ) _ + { } : ”

Varela Round

Verdana

Verdana Bold

Page 10: CWSI

LOGO APPLICATION

10

Stationary

Overview

We have developed a basic set of the most used stationary items:

Letter A4

Business Card

Compliment Slip

Page 11: CWSI

3

WEB MEDIA

Web Media

Top Bar

The main identifier of the company on it’s website is the top bar. On a basic level, the top bar of the website should be based on the same core principles, so that we are consistent in the way we communicate the company.

Logo Placement

The CWSI logo is always anchored top left. Be sure to always use the RGB logo version artwork and respect the indicatedminimum whitespace/exclusion area.

Typefaces

Verdana must be used for navigation/menu buttons and editable body copy. Varela Round can be used for headings. Varela Round is available to use on google web fonts.

11

Page 12: CWSI

TYPEFACES

CONNECT SECURE MANAGE