161216 hhd brand_manual_inhse_v05sm

1. Brand Manual

3. 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
COMPANY ADDRESS
8000 North Stadium Drive
Houston TX 77054
ONLINE
houstonhealth.org
TELEPHONE
+1 832 393 5169
All rights are reserved by the
creator of this document. Insert
additional legal jargon here.

4. About Us
Meticulous
Minimal
Structured
Geometric
Creative
Templates

5. 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?

6. 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 .EPS, .AI and .PNG.
HELP
DESCRIPTION
LOGO 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

7. Logo Redesign
Give some information on where to find the different versions of the logo-mark with
file extensions.
HELP
DESCRIPTION
LOGO MARQUE COL 1 LOGO 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.

8. 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
DESCRIPTION
MINIMUM CLEARANCE
B.
The clearspace is 50% the height of the logo.
B

9. 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
DESCRIPTION
LOGO LOCK-UP OPTIONS
A
B

10. 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
DESCRIPTION
SEAL
This is the primary colour way of the seal and
should be used in most cases.
The Seal

11. Reserved for Director of Houston Health Department ONLY.
HELP
DESCRIPTION
SEAL COL 2 SEAL COL 3
2.02
Seal Variations
Color variations of the seal can be used when
needed
The Seal

12. Color Usage
When sending this brand manual, the document can be accompanied with a color
palette file.ase (Adobe Swatch Exchange) file.
HELP
DESCRIPTION
BLUE ORANGE COOL GREY
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.

13. Color Usage
3.02
Color Tints
In color theory, a tint is the mixture of a color with white,
which increases lightness.
HELP
DESCRIPTION
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%

14. Typography
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ
1234567890!@£$%^&*():”?/
GLYPHS
MYRIAD REGULAR
MYRIAD ITALIC
MYRIAD 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.

15. 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 NEW ROMAN ITALIC
TIMES NEW ROMAN BOLD
4.02
Times New Roman Font
Regular
Italic
Bold
TIMES NEW ROMAN REGULAR

16. Typography
INTRODUCTION
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
DESCRIPTION
Houston Health Department
C
Fira Sans Regular
10pt Type / 12pt Leading
Houston Health Department
BC
Fira Sans Regular
10pt Type / 12pt Leading
Houston Health Department
H1
Bitter Regular
20pt Type / 24pt Leading
Houston Health DepartmentT5
Bitter Regular
30pt Type / 36pt Leading
Houston Health DepartT4
Bitter Regular
40pt Type / 48pt Leading
Houston HeT1
Bitter Regular
80pt Type / 70pt Leading

17. Typography
tment
ealth Department
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
HIERARCHY
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

18. 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
DESCRIPTION
Graphics

19. Images should be downloaded from HHD library orr online stock archives.
Images should be royalty free
HELP
DESCRIPTION
5.01
Imagery & Mood
When using imagery, it should feel real.
The images should be vibrant, bright
and promote healthy living.
Imagery

20. 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 officabo. 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 Surname
Senior 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 One
Address Line Two
City, Postcode
Country
00 000 000 0000
00 000 000 0000
Print
Letterhead files are supplied as .docx files .
The file is named 160525_HHD_RBD_Letterhead_v06.docx
HELP
DESCRIPTION
6.01
Letterhead

21. 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
DESCRIPTION

22. Print
THE GRID SYSTEM
Margi
Grids
Columns

23. ns.
&
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
DESCRIPTION
6.03
Grid System
A

24. 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
DESCRIPTION
6.04
Pop-up Banners

25. Pop-up banners
Simple pop-up banners
that display the logo
using the orange and blue
colorways
Print
6.04
Pop-up Banners
Here are design examples with some information on where to find the different
document templates with file extensions.
HELP
DESCRIPTION

26. Print
Here are design examples with some information on where to find the different
document templates with file extensions.
HELP
DESCRIPTION
6.05
Table covers
Table cover version 1
Version 1 shows how the
blue colorway can be used

27. Print
6.05
Table covers
Here are design examples with some information on where to find the different
document templates with file extensions.
HELP
DESCRIPTION
Table cover version 2
Version 2 shows how the
grey colorway can be used
HOUSTONHEALTH.GOV
HOU
STON HEA
LTH
D
EPA R T M E N
T
HOUSTONHEALTH
DEPARTMENT

28. Print
Here are design examples with some information on where to find the different
document templates with file extensions.
HELP
DESCRIPTION
6.06
Step and Repeat Banner
Step and Repeat
Example of a step and
repeat backdrop banner

29. Print
6.07
Other Media Banners
Here are design examples with some information on where to find the different
document templates with file extensions.
HELP
DESCRIPTION
Above: An example of a
backdrop banner.
Right: Examples of banners
with imagery

30. Print
Presentations will be produced in–house using Microsoft Powerpoint or Indesign.
The goal is to communicate the brand on screen.
HELP
DESCRIPTION
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.

31. 8000 North StadiumDrive Houston TX 77054
+1 832 393 5169info@houstonhealth.orghoustonhealth.org
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
DESCRIPTION
Dimensions
297 x 210mm
Finish
Full Col Finish
Weight
120gsm
Dimensions
84mm x 55mm
Finish
2 Col + 1 Foil Finish
Weight
240gsm

32. CONTACT
houstonhealth.org
info@houstonhealth.org
+1 832 393 5169
ADDRESS
8000 North Stadium Drive
Houston TX 77034