a guide to graphic standards manual - civicinfo · brand support typeface the support typeface used...

Graphic Standards Manual

a guide to

City of Coquitlam | Graphic Standards Manual P2

Contents

Introduction 3 The Importance of a Visual IdentityThe New Logo

Copyright & Permission 4 The City of CoquitlamPlacement and UsageContact

Elements of the identity 5 Design ElementsSpatial ConsiderationsMinimal Usage SizeUnacceptable uses of LogoNomenclature Logo DominantNomenclature Department DominantThe Q as a Decorative ElementBrand Support TypefacesBrand Support Supplemental Typefaces

Colour Usage 15 Corporate ColoursTwo Colour VersionOne Colour, BlueBlackWhite reverseSecondary Colours

Applications (stationery) 19 Business CardsAdding other Logos to Business CardMayor’s LetterheadStandard LetterheadSecond SheetFormatting a Letter in WordFacsimile Cover Sheet (2 options)Report to Council Memo

Applications (signage) 29 Overview of Types of SignageBrand SignsOrganizational SignsDirectional SignsAdditional SignsBanners (the Q as a decorative element)Colour Sequence

Digital File Formats 33 Guide to Digital File Formats> The problem with JPGs> The Best Logo Format by Application> COC Logo Selection Chart> Q Element Only


Mnemonic nee'mânik[adj] of or relating to or involved thepractice of aiding the memory;“mnemonic device”

Introduction

The Importance of a Visual Brand Identity

The visual identity of a city functions as an ambassador for that city. One way to maintain a high level of credibility and integrity is to identify the organization in aconsistent manner. Consistent use of this visual standards manual will ensure thatthe City of Coquitlam is accurately portrayed as a preferred choice of location for living and doing business or visiting.

The New Logo

The new logo, designed with feedback from a broad range of constituents is an expression of the strong qualities that help Coquitlam remain unique among cities.Coquitlam residents consider the community’s natural green space, views, nature and friendly, safe neighbourhoods as its most attractive attributes. As well the city government is focussed on providing responsive, honest and innovative leadership in a manner that is friendly, approachable and accountable to the community.

Using the unique mnemonic character of the letter Q in the word Coquitlam, the new wordmark incorporates a number of different positive associations. The Q can be read or decoded to mean different things to different groups of people. It can symbolize nature, trees, parks, rolling hills and waterways. The subtle reference of the QUI or OUI hints at the historical french heritage of Maillardville. Yet the overallappearance is modern and contemporary. The colours in the wordmark further suggestthe connection to both nature and water.

The wordmark is friendly and non-officious, suggesting that the city, too, is friendly,livable and a pleasant place to build business, visit or reside. The wordmark (logo) isthe cornerstone of the visual identity system. Using it consistently is imperative inmaintaining and enhancing a favourable impression of the City of Coquitlam.

The graphic standards guidelines outlined in this manual will help you employ thelogo in a consistent way when representing the City of Coquitlam. Many applicationshave yet to be determined, so care should be taken to familiarize yourself with the relative size relationships of the elements and their usage.

For more information about how to apply the City of Coquitlam brand contact:Therese Mickelson, Manager Corporate Communications, City of CoquitlamTelephone 604 927-3019


Copyright and Permission

The City of Coquitlam Logo and Coat of Arms

The City of Coquitlam logo (wordmark and stylized Q symbol) and Coat of Arms areprotected under the copyright laws of Canada. Use of the logo and Coat of Arms isrestricted to the City of Coquitlam corporate activities. Unless otherwise specified,no individual or organization has the permission to copy, redistribute, reproduce,republish or modify the logo in any form without the written permission of the City of Coquitlam.

Placement and Usage

Placement of the logo must follow the graphic standards contained in this guide.Specifically, the logo must meet the minimum size and protected space requirementsand can be produced only in the official colours specified in this manual.

The City of Coquitlam Coat of Arms is the official emblem for Coquitlam. It representsCoquitlam’s heritage and is used by the Office of the Mayor and Council for officialand ceremonial purposes. The Coat of Arms may only be used with special written permission from the City of Coquitlam.

To obtain permission to use the City of Coquitlam Logo or Coat of arms, please contact:

Manager, Corporate CommunicationsCorporate Services3000 Guilford WayCoquitlam, BC Canada, V3B 7N2

Phone: 604 927-3019Fax: 604 [email protected]


Design ElementsThe new City of Coquitlam logo is com-posed of several elements that adhere to strict guidelines to ensure visual continuity.

The elements are:• The logo or wordmark• The Q symbol• Nomenclature (Naming)

Spatial ConsiderationsTo maintain the integrity of the brand,space must be left on each side as well as above and below the logo. The increment used to determine this spaceis based on the height of the lower caseletter m (x-height). A minium of twounits of space are required on each side,two units above and three units belowas shown in the example on the right.

Minimum SizeThe logo should be used no smaller thanone inch in width.

Elements of the Identity

Minimum sizeone inch

Space on sides equal to 2units of the height ofthe lower case letter “m”commonly referred to as (x-height)

> Design Elements> Spatial Considerations> Minimum size

x1 unit = x height


ProportionsWhen using the logo for any purpose,do not “stretch” or alter the proportions.Always maintain the correct proportions.These are defined by X and Y coordinateswhich refer to the horizontal and verticalmeasurements and are expressed as apercent.Horizontal X = 100%vertical Y = 100%

Unacceptableuses of the logo

> Proportions> Personalizing> High & Low Resolution

Correct logoproportions

incorrect logoproportions

incorrect logoproportions

PersonalizingDo not personalize or attempt to imitatethe logo under any circumstance. Thisincludes colour, type choice and modifying for any special circumstance.Doing so will reduce the meaning andimpact of this symbol.

CoQuitlam Do Not personalizeby changing typeface

Do Not personalizeby altering coloursCoQuitlam

High and Low ResolutionResolution refers to the “ppi”(pixels per inch) of the electronic file.High resolution images are used for offset printed items such as letterhead,banners, advertising, stickers, vehicledecals. High resolution is 300 ppi andabove at 100% of the final desired size.

Low resolution images are used primarily for web and are 72 ppi. If lowresolution images are used in a high-resolution application, the result will beunsatisfactory. Simply increasing the resolution (upsampling) will not improvethe quality.

Logo shown is High Resolution300 ppi at 100%

Logo shown isLow Resolution72 ppi at 100%


Nomenclature nome’ ncl | aturen. Person’s or community’s system of names for things; terminology of a science etc.; systematic naming;catalogue, register.

Another element that plays a key role in the development of an identity is nomenclature. A plan has been developed that considers all depart-ments and/or divisions that presentlyexist and how their names will bedefined within the hierarchy of the overall corporate identity.

The department names are aligned horizontally with the top of the curve inthe Q and vertically with the right sideof the letter i.

NomenclatureLogo Dominant

Office of the Mayor

> Naming Protocols

Fire & Rescue

Planning & Development

Engineering &Public Works

xxx


About SystemsDepartment or division names should betreated equally when they are used onletterhead or other stationery.

Nomenclature systems are a way ofensuring continuity and efficiency aswell as an overall pleasing aesthetic.

NomenclatureLogo Dominant

> Naming Protocols> About Systems> Also see Applications – signage

Manager’sOffice

CorporateServices

Leisure &Parks


NomenclatureWhen the logo is used within a building,department names will need to be dominant.

See Applications – Overview of Signage for more information

NomenclatureDepartmentDominant

> Naming Protocols> Also see Applications – signage

Planning &Development

Leisure & Parks

Engineering & Public Works


NomenclatureWhen the logo is used within a building,department names will need to be dominant.

See Applications – Overview of Signage for more information

NomenclatureDepartmentDominant

> Naming Protocols> Also see Applications – signage

Leisure & Parks

Fire & Rescue



The Q as a Decorative ElementThe Q element lends itself to use as adecorative element in a variety of items.The City of Coquitlam may wish todevelop a number of gift or award itemsto thank visiting dignitaries, guests ofthe city, honoured citizens or exemplarystaff.

Some of these items could include silveror gold cuff-links, men’s ties, gold or silver pins or engraved plaques.

The Q can be cropped to work within agiven shape. Care should be when usingthe Q as a background pattern. Ensurethe Q has sufficient tone if you are overprinting or knocking-out any type.

Please see Corporate Communicationsfor instructions on using the Q elementon its own.

The Q elementas a decorativedevice

2004

< .5" square silver cuff-links

Tie or scarf in variations of corporate colours>

< one inch gold orsilver engraved pin with commemorativedate

The City of Coquitlam is

pleased to present this award

to

John Smithfor outstanding bravery

in the face of danger

on this day June 23, 2004

Jon Kingston,Mayor

< 7 x 10.75" 3/4 inch Green/blue glass etchedaward with silverbase

Brand Support TypefaceThe support typeface used has beencarefully chosen to coordinate with thenew logotype. The font used is calledThesis. Thesis is composed of a series ofthree font families: TheSans, TheMix, andTheSerif. The family we are using iscalled TheSans. This particular collectionof typefaces is called TheSans Office andconsists of four weights ( regular, italic,bold and bold italic) geared to the officeenvironment. The weights are adjustedfor laser printers, and are optimized fordisplay on computer monitors.

The Thesis FamilyThesis was designed to be the definitivefont for every aspect of a corporate iden-tity campaign. The font is so carefullydrawn that it maintains its form in sizesranging from business card text to let-tering on the side of a building. The italicforms are one of the most distinctaspects of the Thesis family. TheSans isalso available in the packages listedbelow. Each package consists of 6weights; regular, italic, caps, caps italic,expert, and expert italic.

TheSans Extralight 6 weightsTheSans Semilight 6 weightsTheSans Normal 6 weightsTheSans Semibold 6 weightsTheSans Bold 6 weightsTheSans ExtraBold 6 weightsTheSans Black 6 weights

A word about expert or text figures(numbers)Text figures, hanging figures or old stylefigures are designed to complimentlower case text because they visuallybalance the up and down movement ofthe eye as it scans a line of copy. Caps onthe other hand are more often used withtitling or uppercase figures.

Brand SupportTypeface

TheSans Office package

TheSans regularabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ,./<>?;’:”[]{}!@#$%^&*()-_+=

TheSans italicabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ,./<>?;’:”[]{}!@#$%^&*()-_+=




> Brand Support Typeface> TheSans Office Package> A Word about Expert or Text Figures


Support TypefacesAs a compliment to TheSans, Serifa BT isa font available to the City of Coquitlamin several weights for use in correspon-dence and advertising. The two familieswill allow for various combinations ofweights as are required by differentmedia and situations.

Brand SupportSupplementalTypefaces

Serifa LightabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ,./<>?;’:”[]{}!@#$%^&*()-_+=

Serifa Light ItalicabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ,./<>?;’:”[]{}!@#$%^&*()-_+=

Serifa RomanabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU-VWXYZ1234567890,./<>?;’:”[]{}!@#$%^&*()-_+=

Serifa Roman ItalicabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU-VWXYZ1234567890,./<>?;’:”[]{}!@#$%^&*()-_+=

> Support Typefaces


Brand SupportSupplementalTypefaces

Serifa BoldabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU-VWXYZ1234567890,./<>?;’:”[]{}!@#$%^&*()-_+=

Serifa BlackabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU-VWXYZ1234567890,./<>?;’:”[]{}!@#$%^&*()-_+=

> Support Typefaces


Corporate Colours A blue representing water and a greensymbolizing the connection to naturehave been chosen for the corporatecolours for the City of Coquitlam.

Designated Pantone® colours and theirequivalents for other methods of repro-duction are indicated below. Strictadherence to these colour standards will serve to unify the image of the City of Coquitlam.

Pantone® Colours (preferred for print)Colours will vary slightly depending onwhether they are printed on coatedpaper or uncoated paper.

Coated paper has a clay coating appliedto the paper that is then polished to givethe paper a number of different surfacetreatments from satin to very glossy. It isusually used for magazines, brochuresand other promotional materials.

Uncoated paper generally has no coatingapplied to the paper but there areexceptions. It’s ranges includes varioustypes of stationery papers to high quality book and brochures papers.

Often when a colour is selected for coated paper, its equivalent in uncoatedpaper must be changed causing addedcomplexity. The City of Coquitlamcolours, however, come very close inboth the coated and uncoated swatches making colour specification less compli-cated. None the less, wherever possible,printers should supply ink draw-downsthat are on the specified paper forapproval.

Colour Usage

Two colours

One colour

Pantone Colours®Green PMS 7489 coatedBlue PMS 301 coatedGreen PMS 7489 uncoatedBlue PMS 301 uncoated

Process ColoursGreen C 60

Y 0M 80K 7

Blue C 100Y 43M 0K 18

RGBGreen R 133

G 180B 108

Blue R 48G 109B 165

Hex Colours of RGBGreen 85B46CBlue 306DA5

Thread Colours (Clothing)Sulky RayonGreen 1332Blue 1143

> Colour Usage> Corporate Colours> Pantone Colours ®

> Process Ink Colours> RGB Colours> Hexachrome Colours> Thread Colours

Pantone 301 Pantone 7489


Black and White Black and white versions of the logo areavailable for use when 4 colour processor 2 colour printing is not available. Thelogo can be reproduced in black.

In special cases where the logo needs tobe placed in a solid field of colour, andwill not read properly if used in black, itis acceptable to use a reversed version ofthe logo so that it appears as white. Careshould be taken to ensure that there isadequate contrast between the logo andthe background colour.

Colour Usage

One colour, black

White reverse out of a solidcolour

> Black & White> White Reverse> One Colour Blue

One colour, bluePMS 301


Secondary Colours The secondary colours shown aredesigned to compliment the corpratecolours.

SecondaryColours

Pantone 301 CV Pantone 7489 CV


Pantone 123 CV

Pantone 7489-80%

Pantone 2655-80%

Pantone 123-80%


Pantone 2995 CV Pantone 305CV

Pantone 1797 CV Pantone Orange 021

Pantone 327 CV-80%

Pantone 305-80%

Pantone Orange 021-80%

Pantone Black

Pantone 417-80%

Pantone 417 CV


Secondary Colours The secondary colours shown aredesigned to compliment the corpratecolours. Wherever possible colours needto thought of in context, relative to whatthe content is about. Here, a series ofbrochures or information booklets compliment each other and appear uniform and consistent. The colours chosen are appropriate to the content.

The grid below shows how the elements are placed. The B&WCoquitlam logo is placed at 8p9.4 fromthe left edge and sitting on a baseline 6picas from the top of the page. The smalldescriptor type is 16/17 and is 37p8 fromthe left edge and sits on a baseline3picas down from the top of the page.The black panel is 51p wide by 10p deep.The main title is TheSans 72/72 (trackedat -3) and is 14p6.7 from the left edgeand sits on a baseline at 31p from thetop of the page.

Examples shown at 20%.

SecondaryColours

Planning &DevelopmentInformationKit


City of CoquitlamInformationKit

City of CoquitlamInformationKit

Leisure & ParksInformationKit

Leisure & ParksInformationKit

CorporateServicesInformationKit

Corporate ServicesInformationKit



Engineering& PublicWorksInformationKit

Engineering &Public WorksInformationKit

Fire &RescueInformationKit

Fire & RescueInformationKit

Business Cards – Mayor & CouncilThis standard version of the businesscard has a slight modification to wherethe person’s name and position sits. Toaccommodate long titles and/or names,the type has been aligned flush right.Wherever possible, names and titlesshould be kept to two lines. The exampleshown represents the longest name andpossible title.

Business Cards – StandardThe grid on the right shows how type &other elements on the standard businesscards are aligned. To accommodate longtitles and/or names, the type has beenaligned flush right. Wherever possible,names and titles should be kept to twolines. The example shown represents thelongest name and possible title.Note: Trim is critical to these cards.

Adding other logos to business cardThe business card will allow space foreither the Coquitlam emblem in the caseof the Mayor’s card or one accreditationlogo, but not both.


Applications

214pt

8pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt6pt

19pt 19pt

> Business Cards – Mayor & Council> Business Cards> Adding Other Logos

City of Coquitlam3000 Guilford Way, Coquitlam, bc v3b 7n2 | www.coquitlam.ca O≤ce: 604. 927. 3001 | Cell: 778. 288. 8788Home: 604. 931. 7500 | Fax: 604. 927. [email protected]

Jon KingsburyMayor

214pt

8pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt10pt6pt

19pt 19pt

City of Coquitlam3000 Guilford Way, Coquitlam, bc v3b 7n2 | www.coquitlam.ca O≤ce: 604. 927. 3001 | Cell: 778. 288. [email protected]

Steve John GreenwellManager Economic Development

and Public Affairs

City of Coquitlam3000 Guilford Way, Coquitlam, bc v3b 7n2 | www.coquitlam.ca O≤ce: 604. 927. 3001 | Cell: 778. 288. [email protected]

Steve John GreenwellManager Economic Development

and Public Affairs


Mayor’s LetterheadThis sample letter indicates both thestyle and layout of the new stationeryand identity system for the City ofCoquitlam. The font used for letters is anexisting font owned by the City ofCoquitlam and is called Serifa.

The elements which are used to compose this letterhead are carefullyplaced on a underlying matrix to ensureconsistency of correspondence fromdepartment to department. Consistencybuilds efficiency and ensures the City ofCoquitlam not only appears organizedand efficient, but is.

Letters should be set at a size of 10points over 12 points of leading, flushleft, ragged right with margins of 1.33"on the sides. Note that the letter vertically aligns with the Cap C in the logotype. The width of the body of theletter (or the “line length”) is 6". Thebaseline of the letter starts one inchbelow the baseline of the logotype. Thisstyle of letter uses a block format withno indentations for paragraphs. A single line space is used to indicate anew paragraph. Avoid using all capswherever possible as it conveys to thereader that the writer is shouting. It ismore appropriate to use small caps ifthey are available to you. For more infor-mation on current typographic expertiseplease refer to Robert Bringhurst’s bookElements of Typographic Style.

Example shown at 45%.

Applications > The Mayor’s Letterhead

2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684

Therese Mickelson, ABCCity of Coquitlam 3000 Guilford WayCoquitlam, British ColumbiaV3B 7N2

Dear Therese

Re: Style and layout of corporate stationery

This sample letter indicates both the style and layout of the new stationery and identitysystem for the City of Coquitlam. The font used for letters is an existing font owned bythe City of Coquitlam and is called Serifa.

The elements which are used to compose this letterhead are carefully placed on a under-lying matrix to ensure consistency of correspondence from department to department.Consistency builds efficiency and ensures the City of Coquitlam not only appears organized and efficient but is.

Letters should be set at a size of 10 points over 12 points of leading, flush left, raggedright with margins of 1.33 inches on the sides. Note that the letter vertically aligns withthe Cap C in the logotype. The width of the letter (or the “line length”) is 6 inches. Thebaseline of the letter starts one inch below the baseline of the logotype. This style of letter uses a block format with no indentations for paragraphs. A single line space is usedto indicate a new paragraph. Avoid using all caps wherever possible as it conveys to thereader that the writer is shouting. It is more appropriate to use small caps if they areavailable to you. For more information on current typographic expertise please refer toRobert Bringhurst’s book “Elements of typographic Style.”

Sincerely,

Casey Hrynkow, MGDC

President,Herrainco Skipp HerraincoCommunication Inc.

O≤ce of the Mayor | City of Coquitlam3000 Guilford Way, Coquitlam, bc v3b 7n2O≤ce: 604. 927. 3001 | Cell: 778. 288. 8788 | Fax: 604.927. 3015www.coquitlam.ca

Office of the Mayor


Standard LetterheadThe standard letterhead is similar to themayor’s letterhead with the removal ofthe coat of arms and the office of theMayor designation below the Coquitlamlogo. Other logos are shown where andhow they should be used.


Applications > Standard Letterhead> Secondary Logos or Other Graphics

2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684


Dear Therese


This sample letter indicates both the style and layout of the new stationery and identitysystem for the City of Coquitlam. The font used for letters is an existing font owned bythe City of Coquitlam and is called Serifa.

The elements which are used to compose this letterhead are carefully placed on a under-lying matrix to ensure consistency of correspondence from department to department.Consistency builds efficiency and ensures the City of Coquitlam not only appears organized and efficient but is.

Letters should be set at a size of 10 points over 12 points of leading, flush left, raggedright with margins of 1.33 inches on the sides. Note that the letter vertically aligns withthe Cap C in the logotype. The width of the letter (or the “line length”) is 6 inches. Thebaseline of the letter starts one inch below the baseline of the logotype. This style of letter uses a block format with no indentations for paragraphs. A single line space is usedto indicate a new paragraph. Avoid using all caps wherever possible as it conveys to thereader that the writer is shouting. It is more appropriate to use small caps if they areavailable to you. For more information on current typographic expertise please refer toRobert Bringhurst’s book “Elements of typographic Style.”

Sincerely,

Casey Hrynkow, MGDC


City of Coquitlam3000 Guilford Way, Coquitlam, bc v3b 7n2O≤ce: 604. 927. 3001 | Fax: 604.927. 3015www.coquitlam.ca

Alignment for secondary graphic

only if necessary

Alignment for Maltese or APAW

accreditation

Page # orRunning head ifnecessary


Second sheet formattingShould a letter come within 3" of thebottom of a page, there will not be sufficient room for a proper closing andsignature. In this case, the letter shouldcontinue over onto a second sheet. Theformatting for the second sheet shouldfollow that of a typical letterhead.

Two examples are shown of how pagefolios may be used. The top shows how arunning header could be used if needed.


Applications > Second Sheet Formatting

If your letter comes within three inches of the bottom of the page, the letter should be continuedon a second sheet. This will ensure there is enough room at the bottom for the closing signature.

Since there is no official second sheet, longer letters will need to be printed on letterhead. In thiscase follow the same formatting as the letterhead. Their are options for using automatic pagenumbering and placement in Word. Depending on your preference,we have shown a number ofpage numbering options.

Care should be taken, not to try and align the page numbers up with items that have been pre-printed, such as the logotype, crest and the support type. Its best to using the letter itselfas a guide to place the numbers.

After the closing try to allow four lines to accommodate the signature of the letter writer.

Sincerely,

Casey Hrynkow, MGDCPresidentHerrainco Skipp HerraincoCommunications Inc

P2 option



Formatting a letter in MS WordUnder View, the pull-down menu for Formatting Palette allows you to selecta variety of items from font to margins.

Letters should be set at a size of 10points over 12 points of leading, flushleft, ragged right with margins of 1.33"on the sides. Note that the letter verti-cally aligns with the Cap C in the logo-type. The width of the letter (or the “linelength”) is 6". The baseline of the letterstarts 1" below the baseline of the logo-type. This style of letter uses a block format with no indentations for para-graphs. A single line space is used toindicate a new paragraph.


Applications


2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684


Dear Therese


This sample letter indicates both the style and layout of the new stationery and identi-ty system for the City of Coquitlam. The font used for letters is an existing font ownedby the City of Coquitlam and is called Serifa.

The elements which are used to compose this letterhead are carefully placed on aunderlying matrix to ensure consistency of correspondence from department to depart-ment. Consistency builds efficiency and ensures the City of Coquitlam not only appears organized and efficient but is.

Letters should be set at a size of 10 points over 12 points of leading, flush left, raggedright with margins of 1.33 inches on the sides. Note that the letter vertically aligns withthe Cap C in the logotype. The width of the letter (or the “line length”) is 6 inches. Thebaseline of the letter starts one inch below the baseline of the logotype. This style of letter uses a block format with no indentations for paragraphs. A single line space isused to indicate a new paragraph. Avoid using all caps wherever possible as it conveysto the reader that the writer is shouting. It is more appropriate to use small caps if theyare available to you. For more information on current typographic expertise please referto Robert Bringhurst’s book “Elements of typographic Style.”

Sincerely,

Casey Hrynkow, MGDC


> Formatting a Letter in MS Word


Formatting a letter in MS WordUnder Format, the pull-down menu forParagraph allows you to select the leading or the appropriate line spacebetween lines. In this case it should beset to at least 12pt. Spacing after a paragraph should be set to 12pt or theequivalent of 1 line space. This ensuresthat all lines are sitting on our matrix of 12 points.


Applications


2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684


Dear Therese





Sincerely,

Casey Hrynkow, MGDC




Formatting a letter in MS WordUnder Format, the pull-down menu forFont allows you to select the rightweight for setting the letter. It should bein Serifa 10pt.

Note: If you wish to change a weightfrom regular to bold or italic, select fromthe menu under Font not under fontstyle

As well, avoid using all effects buttonswherever possible. Effects that you mayneed to use at times include:Superscript, Subscript or Underline.


Applications


2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684


Dear Therese





Sincerely,

Casey Hrynkow, MGDC




MemorandumThe memorandum follows similar guidelines as the letterhead with margins of 1.33" on the sides. As well,the report starts 1" (or 6 line increments)below the baseline of the Coquitlamlogo. Note at the top of the letterhead, ithas been divided into 8 incrementswhich are used to align various elementson the page. This matrix is referred to asa grid, and helps visually place elementson the page in a pleasing manner. It isimportant to know as many elements aspossible so they can be planned for andthat space will be alocated to specificelements as they are needed. This willavoid elements conflicting with eachother.

To help the different headings ( such asRecommendations, Executive Summary)stand out, their text has been indentedby using a tab at .75" to align with thekey information above.

Bold type should be used sparingly,such as, for example, the subject of themeeting.

Example shown at 45%

Applications > Memorandum (report to council)

2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684

To: Councilor John GreenwellFrom: Councilor Richard Smith

Subject: Meeting next Thursday regarding proposed ammendment to bylaw 2134

For: meeting name

Recommendation:Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortisnisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiatnulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Executive Summary:Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortisnisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiatnulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Background:Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis

Nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiatnulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Richard Smith

Report to CouncilEngineering &Public Works



Facsimile (Fax) cover sheetThe Fax has the same guidelines as theletterhead with margins of 1.33" on thesides. As well, the Fax starts 1" (or 6 lineincrements) below the baseline of theCoquitlam logo. Note at the top of theletterhead, it has been divided into 8increments which are used to align various elements on the page.

To help the Fax read better after transmission, the line spacing has been increased to 15 points of leading (see inset). Note how the tabsare vertically aligned with the grid at thetop of the page.

Black lines 1.5" in thickness can be used to divide key areas. Note how they arealigned 2 spaces above and below thebody text.



Applications > Fax Cover Sheet

To: Office Depot

Attention: Richard Smith

Subject: Office supplies Purchase Order

# 304-2435 allowance for extra

long information

Date: 21 June 2004

Fax: 604 688.6917

Our File: 3 pages

We are transmitting pages ( including this cover sheet). If there is a problem and

you do not receive all the pages, please call us at the above number.

Message / Instructions:

I am following up on the order that was placed last week. Richard, could you please

confirm the delivery date and shipping instructions as we have had a number of orders

that have been delivered to the wrong department over the last few days. I am follow-

ing up on the order that was placed last week. Richard, could you please confirm the

delivery date and shipping instructions as we have had a number of orders that have

been delivered to the wrong department over the last few days. I am following up on

the order that was placed last week. Richard, could you please confirm the delivery

date and shipping instructions as we have had a number of orders that have been

delivered to the wrong department over the last few days.

Sender: Bob Smith

Fax Only. Original to be mailed ■■ Yes ■■ No

Engineering &Public Works

Fax cover sheet



MemorandumThe memorandum follows similar guidelines as the letterhead with margins of 1.33" on the sides. As well,the report starts 1" (or 6 line increments)below the baseline of the Coquitlamlogo. Note at the top of the letterhead, ithas been divided into 8 incrementswhich are used to align various elementson the page. This matrix is referred to asa grid, and helps visually place elementson the page in a pleasing manner. It isimportant to know as many elements aspossible so they can be planned for andthat space will be alocated to specificelements as they are needed. This willavoid elements conflicting with eachother.

To help the different headings ( such asRecommendations) stand out, their texthas been indented by using a tab at .75"to align with the key information above.

Bold type should be used sparingly, suchfor example; the subject of the meeting.


Applications > Memorandum (general)

2004 June 21Our File: 01-0530-00/03-001/1Doc #: 230684

To: Councilor John GreenwellFrom: Councilor Richard Smith

Subject: Meeting next Thursday regarding proposed ammendment to bylaw 2134

For: meeting name

Recommendation:Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortisnisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiatnulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortisnisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiatnulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit prae-sent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Background:Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummynibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisienim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis

Nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor insent luptatum zzril delenit augue duis dolore te feugait nulla facilisihendrerit invulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facili-sis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta-tum zzril delenit augue duis dolore te feugait nulla facilisi

Richard Smith

MemoEngineering &Public Works



Overview of Types of SignageFour types of sign concepts have beendesigned under the sign system. Each ofthe signs plays a specific role in buildingthe City of Coquitlam brand and/or providing site-specific information that isuseful to a visitor coming to a City ofCoquitlam building or environment.Note: These are concepts which requirespecific information unknown to us atthe moment. Once this information is determined, detailed design specifica-tions which should include construction measurements, fabrication materials andfinishes, as well as foundation, sitepreparation and installation specifications will be required.

Examples1 Brand SignsThe City of Coquitlam logo is used alone to establish the brand presence.This type of sign is designed to be viewable from a large distance. It would typically be used on the from of a build-ing. It is not intended to provide detailed organizational or directional information.

2 Organizational SignsThis type of sign is intended to clarify to a potential visitor the organizationrepresented at a specific site, and mustbe accompanied by other relevantinformation (such as a department) todifferentiate one area from another.

3 Directional SignsWithin the building or grounds of theCity of Coquitlam, these signs providemore specific information as to the location of the facilities; departments,meeting rooms, cafeteria, loading dock,parking etc.

4 Additional SignsThese signs provide very detailed information such as hours of operation.

Applications


< 1

< 2

< 3

< 4

> Overview of Types of Signage> Brand Signs> Organizational Signs> Directional Signs> Additional Signs


< Meeting Rooms> Cafeteria< Parking

Hours Closed on statutory holidaysMonday to Friday 7 am – 5 pmSaturday 7 am – 5 pmSunday Closed


The Q as a Decorative ElementThe Q element can be used as a decorative element with discretion.Where possible it is preferrable thatthe full Coquitlam logo also be used.

Street BannersStreet banners are a good example ofhow the Q element can be used.

Street banners are a simple way to generate civic pride. They can convey a sense of celebration and serve to beautify and enhance the streetscapethrough colour, shape and emotion.

For banners to be effective they need tobe simple. Care should be taken not toover d0 the banner with excess detailthat would generally be unreadablefrom a distance. Banners should exciteand tease the viewer to come closer andexplore the streetscape community ofshops, buildings and stores.

Applications > The Q as a Decorative Element> Street Banners



< Version A


Street Banners coloursAdditional secondary colours from theidentity system are needed to buildcolour combinations that are moreappropriate. Brighter colours are neededto compete with the streetscape.

There are no hard and fast rules forcolour. Colours are influenced by theirsurroundings, by their level of presenceand most importantly, the backgroundor field they sit against. Often, slightadjustments to colours are necessary toensure that there is enough contrastbetween two or more colours especiallyif typography is involved.

These are some combinations thatwould generate excitement.

Applications



> The Q as a Decorative Element> Street Banners

< Version B


Colour SequenceColours work best when thought of as asequence. Here is a sequence of coloursthat effectively work together for aseries of banners.

Applications







> Colour Sequence


Guide to digital file formatsPhotographs and other images (graph-ics) can be saved in various formats, butnot all formats are suitable for all pur-poses. There are formats that are specifi-cally for on-screen viewing or onlinepublishing and those that are for high-quality offset printing. To ensure thatthe right type of file format is used, hereis a primer of the specific uses of variousfile formats and their advantages.

Vector formatsVector based images are created withindustry standard vector editing applica-tions usually Adobe Illustrator, but occa-sionally Macromedia FreeHand and orother programs. Images created withthese applications allow for complexdrawings, precise lines and curves thatare infinitely editable, and scalable.Using mathematical algorithms, they are“resolution independent” which meansyou can increase and decrease the sizeof the image, and the lines will staysharp and crisp both on screen andwhen printed. The small file size makesthem efficient for storing and or trans-mitting them electronically. To add tothe confusion, the Vector format caninclude Bitmaps, but not the other wayaround.

Vector FormatsEPS

> Encapsulated PostScript / High quality, industry standard

AI> Adobe Illustrator / High quality,

industry standard

Digital File Formats

Bitmaps or Raster formatsThese are sometimes called Bitmapsbecause they are based on a collectionof bits or pixels on a grid, that form animage. Each pixel represents a square ofsolid colour and is the smallest unit ofinformation that a computer can gener-ate. In a black and white image, eachpixel is either turned off (white) orturned on (black). As well, in a colourphoto, each pixel can be a separatecolour which explains why colourimages are so much larger. These formats have a fixed resolution usuallyestablished when they are first createdin a digital camera or when scannedfrom hard copy. A fixed resolution meansthat if the image is increased in size theimage will begin to pixelate, losingdetail and appearing unsharp or out-of-focus. Because bitmap files can beextremely large (a medium-quality lettersize photo being 40 MB), they can be dif-ficult to work with for those unaccus-tomed to working with large files. Theiradvantage is the quality they bring tohigh quality offset printing.

Raster FormatsTIFF

> High quality, very large file,industry standard

JPG> Low quality, small file,

good for the internet

GIFF> Low quality 256 colour max, small

file, good for the internet

Types of bitmapsBitmaps fall into four categories: line art,gray scale, multitones (which include duotones, tritones or quadtones) and fullcolour images

Line artLine art is essentially any element in alayout that is black and white with novariation in tone. As well, most typogra-phy and text is considered line art.

Grayscale imagesGrayscale images are usually black andwhite photos that contain variousshades of gray (256 shades) as well aspure black and white.

Multitones (Duotones, Tritones andQuadtones)These are usually photographic imagesthat contain various shades of two ormore colours. Duotones may be com-posed of black and a special matchcolour (Pantone colour). Tritones may becomposed of black and two specialmatch colours.

Quadtones may be composed of fourmatch colours, although they are usuallymade with variation of the four processcolours.

Full colour imagesFull colour images are typically justcolour photographs. When used foronline viewing they are composed ofRGB (Red, Green Blue). When used foroffset printing, they must be convertedto CMYK (Cyan, Magenta, Yellow andBlack). Additionally, in high end printing,extra match colours may be used foreffect to strengthen or intensify certainparts of the photographic image forgreater depth.

> Guide to Digital File Formats> Vector Formats> Bitmaps or raster Formats


The Problem with JPGsThe advent of digital cameras hasallowed the average person to send pho-tos easily over the internet using the JPG(Joint Photographers Expert Group) fileformat. This was made possible by usinga type of file compression called lossy.Lossy is the compression of binary datainto a form which, when re-expanded,has most, but not all, of the originalinformation. It is used primarily for com-pression of images and is designed toprovide a high degree of compression atthe cost of a some loss of data. Imagescompressed by a lossy compression algorithm are re-expanded into animage close to, but not identical to theoriginal image.

While this is often fine for home snap-shots or the internet, it poses difficultiesfor professional designers and printerswho typically require large format highquality images from which to work. Atypical JPG, which has a resolution of 72dpi (pixels per inch) would look fine on acomputer monitor or web site at 100%size (the size the image was scanned orphotographed at) but would not be ableto be increased in size without severeimage pixilation. As well, if the photowas printed at anything other than theoriginal size, it would be quite pixilatedand would reveal compression distortioncalled artifacts. To print as best as a JPGallows, it would have to print at onequarter of its screen size.

Digital File Formats

JPGs and Offset PrintingBecause JPGs must be at least four timeslarger than the final size they are usedat in a newsletter for example, peoplewill try and get around the problem bysaving them at very large sizes.Much of the time, JPGs are submitted byamateurs, who are unknowledgeableabout the requirements for offset print-ing. As a result many JPGs are unusable,causing an unnecessary waste of timeand money.

Furthermore, JPGs are not very compati-ble with prepress functions in the offsetprinting process. TIFFs and EPSs are thedefacto choice for high-quality offset printing.

Best Logo Formats by Application

If file is viewed online or screen only

MS Word / Excel JpgPowerpoint JpgWebsites Jpg / GifPublisher Jpg / GifSignage JpgIndesign Jpg

If file will be laser printedMS Word / Excel JpgPowerpoint JpgWebsites JpgPublisher JpgSignage —Indesign Jpg

If file will be offset printedMS Word / Excel Eps/TiffPowerpoint Eps/TiffWebsites —Publisher Eps/TiffSignage Eps/TiffIndesign Eps/Tiff

> The Problem with JPGs> JPGs and Offset Printing> Best Logo Formats by Application


Guide to digital file formatsPhotographs and other images (graph-ics) can be saved in various formats, butnot all formats are suitable for all purposes. There are formats that arespecifically for on-screen viewing oronline publishing and those that are for high-quality offset printing.

Who uses which format?The industry standard for most offsetprint based projects are either .tiff .epsor .ai. Smaller printers or screen printersusually prefer a vector based file such as.eps or .ai.

.jpg and .giff should be used only for on-line viewing such as you would findon the internet/websites. These types offiles (.jpg, .giff) are too low quality touse for offset printing and will onlycause problems (added expense/ grief)down the road.

As a rule, check with the supplier beforesending files.

ai (adobe illustrator)1 colour

COCLogoBlueCMYK.aiCOCLogoBluePMS.ai

2 colourCOCLogoBlueGreenCMYK.aiCOCLogoBlueGreenPMS.ai

Black & WhiteCOCLogoBW-rev.aiCOCLogoBW.ai

eps (encapsulated postscript)1 colour

COCLogoBlueCMYK.epsCOCLogoBluePMS.eps

2 colourCOCLogoBlueGreenCMYK.epsCOCLogoBlueGreenPMS.eps

Black & WhiteCOCLogoBW-rev.epsCOCLogoBW.eps

COC Logo Selection Chart

tiff (tagged image file format )1 colour

COCLogoBlue12in.tiffCOCLogoBlue2in.tiffCOCLogoBlue6in.tiff

2 colourCOCLogoBlueGreen12in.tiffCOCLogoBlueGreen2in.tiffCOCLogoBlueGreen6in.tiff

Black & WhiteCOCLogoBW12in.tiffCOCLogoBW2in.tiffCOCLogoBW6in.tiff

jpg ( joint photographers expert group)1 colour

COCLogoBlue12in.jpgCOCLogoBlue2in.jpgCOCLogoBlue6in.jpg

2 colourCOCLogoBlueGreen12in.jpgCOCLogoBlueGreen2in.jpgCOCLogoBlueGreen6in.jpg

Black & WhiteCOCLogoBW12in.jpgCOCLogoBW2in.jpgCOCLogoBW6in.jpg

> Guide to Digital File Formats> Who uses which format?> ai (adobe illustrator)> eps (encapsulated postscript)> tiff (tagged image file format)> jpg ( joint photographers expert group)


Using the Q ElementThe Q element can be used as a decorative element with discretion.Where possible it is preferrable that thefull Coquitlam logo also be used.

ai (adobe illustrator)1 colour

COC-QGreenCMYK.aiCOC-QGreenPMS.ai

Black & WhiteCOC-Q-BW-rev.aiCOC-Q-BW.ai

eps (encapsulated postscript)1 colour

COC-QGreenCMYK.epsCOC-QGreenPMS.eps

Black & WhiteCOC-Q-BW-rev.epsCOC-Q-BW.eps

Q Element

tiff (tagged image file format )1 colour

COC-QGreen12in.tiffCOC-QGreen2in.tiffCOC-QGreen6in.tiff

Black & WhiteCOC-Q-BW12in.tiffCOC-Q-BW2in.tiffCOC-Q-BW6in.tiff

jpg ( joint photographers expert group)1 colour

COC-QGreen12in.jpgCOC-QGreen2in.jpgCOC-QGreen6in.jpg

Black & WhiteCOC-Q-BW12in.jpgCOC-Q-BW2in.jpgCOC-Q-BW6in.jpg

> Using the Q Element> ai (adobe illustrator)> eps (encapsulated postscript)> tiff (tagged image file format)> jpg ( joint photographers expert group)

a guide to graphic standards manual - civicinfo · brand support typeface the support typeface used...

Documents