branding & visual identity guidelines€¦ · branding & visual identity guidelines created...

1The Parenting Network Branding & Visual Identity Guidelines

Created by Pam Sloan Designs • pamsloandesigns.ca Last Modified: Jan 23, 2014

Table of Contents

Logo Versions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Logo Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Logo Watermark . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Logo File Formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Standard Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Standard Colours . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Colour Usage for Logos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Standard Design Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Examples of Proper Logo Usage . . . . . . . . . . . . . . . . . . . . . . 10



Logo Versions

#1

The preferred version of the logo to use is the version that includes the “ .ca” reference and should be used in all possible cases (this includes usage on any program flyers, partnerships with other programs, as well as anytime the Parenting Network is being promoted) .

Please use the provided files located in the folder called “FULL VERSION” .

#2The ONLY time the “non- .ca-version” of the logo should be used is on materials coming directly from the voice of the Parenting Network - such as the website or any resources developed through the program .

Please use the provided files located in the folder called “NO CA VERSION” .

#3If the logo needs to appear in “micro” size where the Sherbourne Health Centre tagline may not be legible than the simplified “text-only” version of the logo (including the .ca) maybe used . This version is best used for the watermark over photos .

Please use the provided files located in the folder called “MICRO VERSION” .



Logo SpacingThe minimum white space that should appear around the logo at anytime is the height/width of the lowercase “o” character from the word “network” .



Logo WatermarkWhen used on a busy/photographic background, the logo should appear floating in a white box in preferable the lower right corner of the image .

The previous rule must be observed - that the minimum white space that should appear around the logo at anytime is the height/width of the lowercase “o” character from the word “network” . The logo that is used for the watermark should always be the black micro version so that the colour of the logo does not conflict with any colours in the photograph and the program line does not become illegible . Please use the provided files called “SHC_ParentingNetwork_WATERMARK” in the appropriate file format located in the folder called “WATERMARK VERSION” . Be sure to use the files while preserving the transparency .



Logo File FormatsThe provided are in four different file formats . Please use the appropriate file format as defined below . • .eps > For professional print work (such as

brochures, booklets, posters, etc.) - This format looks good at any size, has

a transparent background and is what a professional printer or designer will request .

• .pdf > For print/presentation use (e.g., Pages, Keynote, etc.)

- This format looks good at any size, has a transparent background and can be dragged directly into Pages and Keynote documents . Other applications, such as Word and Powerpoint, may not be able to use these without a significant loss of quality .

• .png > For websites & Microsoft Office - This format only looks good at a set

size, and cannot be enlarged without loss of quality .

- It should only be used for websites or for Microsoft Office products .

- Backgrounds can be transparent in this format and is best used for solid colours, illustrations and logos .



Standard Fonts

The wordmark portion of the logo uses the font face Gill Sans - Bold . This font should be used for titles and headings but please avoid overusing the font outside the context of headings and never for general body text . The Bold version and the Ultra Bold versions of the font are not to be used .

This is an example of Gill Sans - Light at 14pt size. This is an example of Gill Sans - Regular at 14pt size. This is an example of Gill Sans - SemiBold at 14pt size. This is an example of Gill Sans - Bold at 14pt size. This is an example of Gill Sans - UltraBold at 14pt size.

For body text the default font face used should be Helvetica Condensed - Medium . Variations that use different font weights (light to black) are also acceptable, as well as italics . This font may also be used for subtitles, and titles where appropriate .

This is an example of Helvetica Condensed - Medium at 8pt size . This is an example of Helvetica Condensed - Medium at 9pt size . This is an example of Helvetica Condensed - Medium at 10pt size . This is an example of Helvetica Condensed - Medium at 11pt size . This is an example of Helvetica Condensed - Medium at 12pt size . This is an example of Helvetica Condensed - Medium at 13pt size . This is an example of Helvetica Condensed - Medium at 14pt size .

This is an example of Helvetica Condensed - Light at 14pt size. This is an example of Helvetica Condensed - Medium at 14pt size . This is an example of Helvetica Condensed - Bold at 14pt size. This is an example of Helvetica Condensed - Black at 14pt size.

These fonts should be used consistently across print and online mediums when possible .



Standard Colours

OLIVE

CHOICE#1

RGB = 121, 122, 49HEX = #797A31CMYK = 52, 38, 100, 17PANTONE = 7749 C

BLUE

CHOICE#2

RGB = 0, 174, 239HEX = #00AEEFCMYK = 70, 15, 0, 0PANTONE = 638 C

PINK

CHOICE#3

RGB = 236,0 , 140HEX = #EC008CCMYK = 0, 100, 0, 0PANTONE = 225 C

ORANGE

CHOICE#4

RGB = 247, 148, 30HEX = #F7941ECMYK = 0, 50, 100, 0PANTONE = 715 C

PURPLE

ONLY WITH519 LOGO

RGB = 62, 17, 81HEX = #3E1151CMYK = 86, 97, 29, 26PANTONE = 2627 C

YELLOW

NEVER FORLOGO

RGB = 255, 242, 0HEX = #FFF200CMYK = 5, 0, 95, 0PANTONE = 102 C

GREEN

NEVER FORLOGO

RGB = 141, 198, 63HEX = #8DC63FCMYK = 50, 0, 100, 0PANTONE = 375 C



Colour Usage for LogosWhen items are coming directly from the Parenting Network and in very special circumstance than the full colour of the logo maybe used . For all other instances the one colour version of the logo must be used . (Note: Purple logo versions can only be used when the Parenting Network logo appears with the 519 logo .)



Standard Design Elements

Colours in relation to a typical gradient background, as well as a typical title bar in all possible colour combinations .The default background colour is BLUE and the default title bar colour is YELLOW . NOTE: Please do not use the same colour title bar on the same colour background .

✖

✖

✖

✖

✖

✖

✖



Examples of Proper Logo UsageThe logo should always appear on a solid white background, in either one solid colour (preferably olive) or in full colour . If the logo needs to be used on a black/dark background than the solid white version of the logo is appropriate . The logo may ONLY be used on a busy and/or photographic background as the watermarked version inside a white box . The logo must NEVER appear with a drop shadow or on an angle . The logo should ONLY appear in purple when being used with the 519 Queer Parenting logo and at no other time .

3 3

3

3

6

6

3

branding & visual identity guidelines€¦ · branding & visual identity guidelines created...

Documents