Houston Health Department Brand Manual

Brand Manual

This brand manual is printed on locally sourced recycled paper. www.paper.com

1.01 The Logo 6

1.02 Logo Versions 7

1.03 Clearspace 8

1.04 Logo Size 9

2.01 Seal 10

2.02 Seal Versions 11

3.01 Color Palette 12

3.02 Color Tints 13

4.01 Typefaces 14

4.03 Hierarchy 16

5.01 Graphics 18

5.01 Imagery 19

6.01 Letterheads 20

6.02 Document Templates 21

6.03 Grid System 22

6.04 Pop-up Banners 24

6.05 Table Covers 26

6.06 Step and Repeat Banner 28

6.07 Other Media Banners 29

6.08 Presentations 30

6.09 Other print 31

CO M PAN Y AD D R E SS

8000 North Stadium Drive Houston TX 77054

O N LI N E

houstonhealth.org

T E LE PH O N E

+1 832 393 5169

All rights are reserved by the creator of this document. Insert additional legal jargon here.

About Us

MeticulousMinimalStructuredGeometricCreativeTemplates

About Us

Brand Integrity Institutional commitment to make sure the HHD brand identity is followed through across all media we follow these very important brand principles

Tas maionsequam, corem fugitis ciaturi aspellorem in ea comnihi liquis ere quia doluptas escius expliam natum im aborupta voles simaximagnam nimet modicit, optatur si quisciu saniten ihiciet que doluptam aut volupit atemporum aut earuptaeris quam que voluptae dolupti orest, in es quae dent percius estinciendis ilit, con ped quae. Et autempo ritatur?

As eum nat il ium quia quam quo dolorem. Et dus venduciis nesti nonsequaeces apictem fugit odio. Porporecus mod quibusda nimodi dolende bissin pla dolorest ma iumque doloriam, adissit, tore, con enet magnati odiam, ut volo ex ercit ommolup tatur?

Logo Redesign

1.01 Logo & Marque

Here is the recently re–designed version of the Houston Health Department logo

When sending this brand manual, the document should be accompanied by the logo in a range of formats including . E PS , . AI and . PNG .

HELP

DESCR IP TION

LO GO MARQUE COL 1

A. On the grey background Version 1 of the logo is used. (Color values in palette section)

B. The color of the circle of the logomark and the color of the wordmark is dependent on the background color.

B

A

Logo Redesign

Give some information on where to find the different versions of the logo-mark with file extensions.

HELP

DESCR IP TION

LO GO MARQUE COL 1 LO GO MARQUE COL 2

1.02 Logo Variations

Logo usage may vary so we created 2 versions of the logo, one stacked and one horizontal

This is the primary color way that the logo should be used.

A white out version of the logo can be used on dark backgrounds.

Logo Redesign

1.03 Clearspace

Clearspace is the minimum amount of space around the logo into which no other object should infringe.

To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height /2)

HELP

DESCR IP TION

MINIMUM CLE AR ANCE

B.

The clearspace is 50% the height of the logo.

B

Logo Redesign

To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height /2)

1.04 Logo Size

The logo can be locked–up in two different ways. A. Horizontally, (ideal for web) and B. vertically.

HELP

DESCR IP TION

LO GO LO CK- UP OP TIONS

A

B

2.01 Seal

Use of seal is restricted to formal applica-tions such as official documents, certificates, letters, memos and ceremonial materials

Reserved for Director of Houston Health Department ONLY.

HELP

DESCR IP TION

SE AL

This is the primary colour way of the seal and should be used in most cases.

The Seal

Reserved for Director of Houston Health Department ONLY.

HELP

DESCR IP TION

SE AL COL 2 SE AL COL 3

2.02 Seal Variations

Color variations of the seal can be used when needed

The Seal

Color Usage

When sending this brand manual, the document can be accompanied with a color palette file.ase (Adobe Swatch Exchange) file.

HELP

DESCR IP TION

BLUE OR ANGE CO OL GRE Y

3.01 Color Palette

The palette consists of three main colors. The primary colors are blue and orange.

Pantone 2767 C

CMYK 100% 85% 41% 41% RGB 16 42 76 Web #102A4C

Pantone 158 C

CMYK 0% 70% 100% 0% RGB 243 112 33 Web #F37021

Pantone 428 C

CMYK 28% 18% 19% 0% RGB 184 192 194 Web #B8C0C2

* Web Safe, or Browser Safe palettes as they are also referred to, consist of 216 colors that display solid, non-dithered, and consistent on any computer monitor, or web browser.

Color Usage

3.02 Color Tints

In color theory, a tint is the mixture of a color with white, which increases lightness.

HELP

DESCR IP TION

Tints are useful in printing as they reduce costs by negating the need for additional Color plates.

25%

25%

0%

50%

50%

10%

75%

75%

20%

Typography

aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@£$%^&*():”?/

G LY PHS

MYR IAD REGUL AR

MYR IAD ITALIC

MYR IAD BOLD

4.01 Myriad Pro Font

Regular

Italic

Bold

Font Name

Myriad Pro

Classification

Sans Serif - Humanist

About

A “contemporary” An Adobe Originals design first released in 1992, Myriad has become popular for both text and display composition.

Myriad Pro’s clean open shapes, precise letter fit, and extensive kerning pairs make this unified family of roman and italic an excellent choice for text typography that is comfortable to read, while the wide variety of weights and widths in the family provide a generous creative palette for even the most demanding display typography.accentuated by the serifs that are as thick as strokes with square terminals.

Typography

Font Name

Times New Roman

Classification

Serif - Transitional

About

Steeped in tradition, the Times New Roman family has been described as one of the most familiar and successful typefaces in the world – and has been used for just about every typographic application imaginable. Times New Roman is considered an exceptional-ly legible design that translates well to hard copy and on-screen environments.

aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@£$%^&*():”?/

GLYPHS

TIMES NE W ROMAN ITALIC

TIMES NE W ROMAN BOLD

4.02 Times New Roman Font

Regular

Italic

Bold

TIMES NE W ROMAN REGUL AR

Typography

IN TRODUC TION

4.03 Type Hierarchy

BC — Body Copy

The main font–size used in any printed document will be 10pt. This is known as the body–copy. Do not write overly long lines, aim for around 45–90 characters.

H2 — Headline 2

This is a versatile font–size. It can be used for page headers, section headers and even small sections of type. (I.e. indents & quotes).

H1 — Headline

H1 is the largest header font–size. It’s great for short lined page headers.

T4 — Title 4

This is the most versatile title font–size. At 40pt it can be used on a range of media. It is square set meaning the line-spacing and font-size are equal making it ideal when running across 1 or more lines.

T1 — Title

This is the largest of the title font-sizes. Use sparingly — only a couple of words/page.

The typographic hierarchy is saved as paragraph styles and can be edited/viewed here Window > Style > Paragraph Styles

DESCR IP TION

Houston Health Department

C Fira Sans Regular 10pt Type / 12pt Leading

Houston Health DepartmentBC Fira Sans Regular 10pt Type / 12pt Leading

Houston Health DepartmentH1 Bitter Regular 20pt Type / 24pt Leading

Houston Health DepartmentT5 Bitter Regular 30pt Type / 36pt Leading



Typography

Houston Health Department

C Fira Sans Regular 10pt Type / 12pt Leading

Houston Health DepartmentBC Fira Sans Regular 10pt Type / 12pt Leading

Houston Health DepartmentH1 Bitter Regular 20pt Type / 24pt Leading




By all means break the rules, and break them beautifully, deliberately, and well. That is one of the ends for which they exist.— Robert Bringhurst

RESOURCES

HIER ARCHY

A typographic hierarchy expresses an organiza-tional system for content, emphasizing some data and diminishing others. A hierarchy helps readers scan a text, knowing where to enter and exit and how to pick and choose among its offerings. Each level of the hierarchy should be signalled by one or more cues, applied consist-ently across a body of text. A cue can be spatial (indent, line spacing, placement on page) or graphic (size, style, color of typeface). Infinite variations are possible.

Thinking with Type http://papress.com/thinkingwithtype/text/hierarchy

Background graphics can be built up to create interesting visuals on leaflets, posters and presentations.

5.01 Background Graphics

When sending this brand manual, the document should be accompanied by the icons in a range of formats including .eps, .ai and .png.

HELP

DESCR IP TION

Graphics

Images should be downloaded from HHD library orr online stock archives. Images should be royalty free

HELP

DESCR IP TION

5.01 Imagery & Mood

When using imagery, it should feel real. The images should be vibrant, bright and promote healthy living.

Imagery

Letterhead

The letterhead includes the logo in the top right of the document and the company details within the footer.

IMPORTANT

Dear Sir/Madam,

Adiam quis si res molupis doluptatur resequata porunt harchitates simus dent autem quatus reptatiate exceatem debis magnit eium sitaerf erferrum quamus rerchitis es am evenima ximillant.

Ut eaquae velendit modi aut ad quae volupti amusant eos delibusam landipiet offi cabo. Etur restrunt acia ium etumendi antem labo. Ibusdaecat volupta tatempore, volecat lautemporis exerfere ea sus ad eium inihit eum aut quo et qui ra qui ad quatem reperectorem quae essit que maxima volo et eatibusdam facipsum vent audigeni in nisitae magnimusdam errovit, coribus reribus mi, solestiis am sint optae illor sunt quid eaquate cone mod magnima exerore ma dicimus as dolupidel id expel is se cuptati dente cus, ipsant.

Ic te sum quideni hillorumquo et as et modi ut eum enis minto vel incto tecti remporemquis mos ea sit, odi sit as vero volorio qui dolum sume sitatiam mo eum eos pro explamenim dolorro dolorro ratist ipsapide non natibus doluptatem. Nem liciat.

Kindest Regards

Firstname SurnameSenior Creative

NOTE

Adiam quis si res molupis doluptatur resequata porunt harchitates simus dent autem quatus reptatiate exceatem debis magnit eium sitaerf erferrum quamus rerchitis es am evenima ximillant.

Address Line OneAddress Line TwoCity, PostcodeCountry

00 000 000 000000 000 000 0000

Print

Letterhead files are supplied as .docx files . The file is named 160525_HHD_RBD_Letterhead_v06.docx

HELP

DESCR IP TION

6.01 Letterhead

Report Cover

Example of a report cover layout

One page / posters

Example of a layouts for one page documents and posters

Print

6.02 Document Templates

Below please find some information on where to find the different document templates with file extensions.

HELP

DESCR IP TION

Print

THE GR ID SYS TEM

Margi ns.Grids &

Colu

mns

Margi ns.Grids &

Print

The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner.

Faccus. Ipsam quis et landandipis debitiunt.

Onseritatem fugiant repersped ent etur, con plab is dolor sinctus, culparuptati nuscia este vit ut ea pelest, qui bla cus.

Ces non conetur aut re voluptate num et quam aut atam faccabo rehenda dis sim a nobis accus andignis at mo etur, sitas explita sin platem eum ut magnis derum ducipis totatemolo blam eribus eum que everem volecto reictur? Quist quaest ad quidem quatis quamentiorem arum nonsequi volut vendunt.

Nem faceatibus, voluptatemos aceres sae voluptatem. Et es nos que nis accum eturepero ipsunt quodi nonsequunte veniendi ipid ent, cum volupta tusdae odis excerro iunt.

HELP

DESCR IP TION

6.03 Grid System

A

Wide pop-up banners

Example of layouts for pop-up banners using the orange and blue color ways

Print

Here are design examples with some information on where to find the different document templates with file extensions.

HELP

DESCR IP TION

6.04 Pop-up Banners

Pop-up banners

Simple pop-up banners that display the logo using the orange and blue colorways

Print

6.04 Pop-up Banners


HELP

DESCR IP TION

Print


HELP

DESCR IP TION

6.05 Table covers

Table cover version 1

Version 1 shows how the blue colorway can be used

Print

6.05 Table covers


HELP

DESCR IP TION

Table cover version 2

Version 2 shows how the grey colorway can be used

HOUSTONHEALTH.GOV

HOUSTON HEALTH

D E P A R T M E N T

HO

USTO

N H

EALTH

DEPARTM

ENT

Print


HELP

DESCR IP TION

6.06 Step and Repeat Banner

Step and Repeat

Example of a step and repeat backdrop banner

Print

6.07 Other Media Banners


HELP

DESCR IP TION

Above: An example of a backdrop banner.

Right: Examples of banners with imagery

Print

Presentations will be produced in–house using Microsoft Powerpoint or Indesign. The goal is to communicate the brand on screen.

HELP

DESCR IP TION

6.08 Presentations

Layout examples

Examples of powerpoint backgrounds that can be used

Presentation The term “PowerPoint presenta-tion” was coined when Microsoft introduced its software program PowerPoint. PowerPoint is commonly used by presenters as a digital aid when presenting their topic to an audience. Microsoft has called this type of software a “presentation”, which is a misnomer. Many presenters often forget that they are the presenta-tion that the audience came to see, not their PowerPoint pres-entation.

8000 North Stadium Drive Houston TX 77054

+1 832 393 [email protected]

Name SurnameHead of Department

The certificate dimensions are 280 x 216mm

Print

6.09 Other Print

These documents are included in the .zip file in EPS (CS4+) format Letterhead.eps, Business Card.eps, Certificate.eps

HELP

DESCR IP TION

Dimensions 297 x 210mm

Finish Full Col Finish

Weight 120gsm

Dimensions 84mm x 55mm

Finish 2 Col + 1 Foil Finish

Weight 240gsm

CONTAC T

[email protected]

+1 832 393 5169

ADDRESS

8000 North Stadium DriveHouston TX 77034

Houston Health Department Brand Manual

Government & Nonprofit

Transcript of Houston Health Department Brand Manual