MHD Brand Guidelines

Page 1

BRAND GUIDELINES

AUGUST 2019
Letter from the Commissioner
Mission, Vision, and Values
IDENTITY
Logo
Variations
Space
CONTENTS
1.0 INTRODUCTION 1.1
1.2
2.0
2.1
2.2
2.3 Tagline 2.4 Clear
2.5 Minimum Size 2.6 Incorrect Usage 3.0 LOOK AND FEEL 3.1 Color Palette 3.2 Typography 3.3 Photography 3.4 Tone and Voice 3.5 Usage Examples 3.5.1 Brand Collateral 3.5.2 Email Signature 3.5.3 Powerpoint 3.5.4 Website 3.5.5 Social

INTRODUCTION

These guidelines introduce the City of Milwaukee Health Department's (MHD) visual identity system. The information found here will help you develop communications that project a unified and consistent brand image.

Many people think of a brand as a logo, an icon or an ad campaign. These are all aspects of a brand, but a brand is much more than that. A brand is a person’s connection to and feeling about a product, service or company. A strong brand tells the truth. It delivers what it promises. It resonates with people. This expectation evolves into trust, resulting in a strong relationship between customer and company.

Presenting a strong and consistent brand image is the responsibility of everyone who uses the brand. These guide lines are your support in using these elements successfully.

1.0
INTRODUCTION

LETTER FROM THE COMMISSIONER

Ciem inatiss enihilius, se fur ad pracipt ilnendu compon vol to cae noverum inimo hiliis a interfe consil viribustra stabus. Ique oratus, fura nes adera L. Is consuam inte, ne ad forum occiam mium ponfir ad mentrum nos etod culti, uturbis senducomne atque te ere orac fac facere te nos esi in tem tam se aver utem in tem noniciis. Ommover firmium ut oca eo hos se factered fuium terem ducon dicatum o virisuam num pos, quis, noxime demunte ritifesi fuiusquam possu piemus, nique consum pota ducomno.

Signature Here

1.1 INTRODUCTION

MISSION, VISION, AND

MISSION

Advance the health and equity of Milwaukeeans through science, innovation, and leadership.

VALUES

VALUES

VISION

Living Your Best Life, Milwaukee

INNOVATION | We believe in nurturing creativity and new ideas that challenge us to do our everyday work better.

EQUITY | We acknowledge historic and current injustices in our community and strive to cultivate an environment where everyone in our community has equal opportunity to be healthy.

COLLABORATION | We convene community members, partners, and elected officials to meet the needs of our community.

COURAGE | We take strategic risks and bold initiative to advocate for and prioritize the needs of our community.

ACCOUNTABILITY | We act with transparency and integrity to advance the health of Milwaukee.

QUALITY | We continuously improve and adapt to create sustainable and positive health outcomes.

1.2 INTRODUCTION

SYMBOL WORDMARK

The City of Milwaukee Health Department logo represents the diversity and interconnection of the department’s programs, partners, and city residents.

• The symbol includes our MHD initials

• These shapes come together to represent:

- The flowing rivers through our city

- The Great Lake we live along

- The green spaces of our urban environment

- A heart that represents our mission to advance the health and equity of everyone in our community

- A yin yang, which in Chinese philosophy represents balance and wholeness

• These all flow together into a circle, a shape of unity

• The color palette of blues and greens represents life, growth, and well-being

IDENTITY

LOGO 2.1

VARIATIONS

Vertical Horizontal

Vertical Abbreviated Horizontal Abbreviated

2.2 IDENTITY

VARIATIONS | Subheads

Environmental Health

Clinical Services

Policy, Innovation, and Engagement

LIVING YOUR BEST LIFE.

Community Health

LIVING YOUR BEST LIFE.

Department subheads and tagline can be added below the logo, maintaining a clear space measured by the height of the H in the MHD wordmark (shown as the gray value “H” on this page).

When the logo is used at 100% scale as shown here, the department should be typeset using Montserrat Regular, 10pt size, left or center justified to match the horizontal or vertical logo format as appropriate. The tagline is Montserrat Semi Bold, 9pt size.

IDENTITY

2.2

TAGLINE

Our tagline 'LIVING YOUR BEST LIFE.' is also our vision. It can be used to complement our messaging in a variety of ways including a stand alone element on branded pieces, as a tagline to our logo, or as part of a social media post.

LIVING YOUR BEST LIFE.

When the logo is used at 100% scale as shown here, the tagline should be typeset using Montserrat Semi Bold, 9pt size, left or center justified to match the horizontal or vertical logo format as appropriate.

LIVING YOUR

LIVING YOUR YOUR LIVING BEST LIFE. BEST BEST LIFE. LIFE.

Environmental Health LIVING YOUR BEST LIFE.

LIVING YOUR BEST LIFE.

IDENTITY

2.3

CLEAR SPACE

Clear space is the area surrounding the logo that must always be free of text or any graphic elements. It ensures that the logo stands out in any environment.

Clear space is measured by the height of the H in the MHD wordmark, shown as the gray value “H” on this page.

The minimum clear space must always be '1H' on all sides of the logo. Whenever possible, the amount of clear space should be greater than the minimum shown here.

2.4 IDENTITY

MINIMUM SIZE

To ensure the clarity and legibility of the MHD logo, a minimum size has been established.

The logo should not be scaled smaller than .5" tall for vertical usage or .275" tall for horizontal usage as shown.

IDENTITY

Vertical logos .5" tall

Horizontal logos .275" tall

2.5

INCORRECT USAGE

Here are examples of improper ways to use the MHD logo.

DO NOT:

• stretch

• crunch

• rotate

• violate the space of the logo

• place on busy backgrounds or colors that make it hard to read

• change the colors or fonts

• use the logotype without the symbol

• change in any way from the master logo files

The logo should always be reproduced from master artwork. Never redraw, replace, or modify the letterforms in any way.

City of Milwaukee Health Department

IDENTITY

2.6
LORUM IPSUM

COLOR PALETTE

Our color palette was chosen to represent the flowing rivers through our city, the Great Lake we live along, and the many green spaces that fill our urban environment. Blues and greens represent life, growth, and well-being, which reinforce our mission to advance the health and equity of everyone in our community.

PMS 534C 94/74/7/44 #1B365D

PMS 285C 90/748/0/0 #0076BE

PMS 285C 60% 59/27/0/0 #7BA4DB

PMS 361C 76/0/100/0 #43B02A

PMS 376C 54/0/100/0 #84BD00

When full color is not an option, grayscale, black, white, or shades of a color are an option. When reproduced using grayscale or shades of the same color, use the percentages indicated to the right.

When possible, we use color variations to show support for programs, celebrations, events, and causes. A few samples are included.

Contact the graphics department at health_graphics@milwaukee.gov with any requests for custom color usage.

3.1 LOOK
FEEL
AND
Pride Juneteenth Black
1/C 50% 65% 85%
White Breast
Grayscale 50% 65% 85% 100%
100%
Cancer Awareness

TYPOGRAPHY

For MHD branded materials and supporting content, we use the same fonts used in our logo—Montserrat Regular and Semibold. The rounded, open, and clean lines of the san serif font reinforce our goal to be approachable and friendly.

The font family can be downloaded from multiple sources including: fonts.google.com/specimen/Montserrat www.fontsquirrel.com/fonts/montserrat

Adobe Creative Suite users: fonts.adobe.com/fonts/montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890=~!@#$%^&*()+[]\{}|:;’:”<>?,./

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890=~!@#$%^&*()+[]\{}|:;’:”<>?,./

Alternative Font - Myriad Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890=~!@#$%^&*()+[]\{}|:;’:”<>?,./

In situations where Montserrat may not be available, use Myriad Pro as a substitute.

3.2 LOOK
AND FEEL

PHOTOGRAPHY

MHD photography should feature images that reflect the health, well-being, and vitality of Milwaukee residents, whether it be physical, emotional, mental, societal, or environmental. When possible, a shorter depth-of-field should be used to simplify the content. Imagery may be color or black and white as needed. All photography should depict real life and inclusively represent our diverse community.

3.3 LOOK AND FEEL

TONE AND VOICE

Brand Personality

Not stuffy

Fresh Modern Achievers

Smart Fighters

High energy

Forward-thinking

Colorful

Fun

DO

• Use a conversational tone—we’re talking to fellow community members, friends, and neighbors

• Be inclusive to everyone in our community

• Be authentic and sincere

• Be succinct and to-the-point

DON’T

• Don’t use language that sounds governmental or stiff

• Don’t overcomplicate—keep it simple

• Don’t be sarcastic or silly

LOOK AND FEEL

3.4
3.5.1 LOOK AND FEEL
| 40% scale, actual size 8.5" x 11"
The MHD logo should NOT be added to existing City of Milwaukee letter head or other brand collateral. FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor | Milwaukee, WI 53202 (414) 286-3521 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE.
:
FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor Milwaukee, WI 53202 FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor Milwaukee, WI 53202
USAGE EXAMPLES | Brand Collateral
Business Card | 75% scale, actual size 3.5" x 2" Letterhead
Envelope | 25% scale, actual size #10 (9.5" x 4.125") Envelope | 25% scale, actual size 12" x 9"
E
name @milwaukee.gov P (414) 000-0000 | C (414) 000-0000 F: (414) 000-0000 | City.Milwaukee.gov/Health NAME LASTNAME, ABBR, ABBR, ABBR TITLE GOES HERE

REPORT TITLE SUBTITLE

Author Name

Author Name

|
3.5.1 LOOK AND FEEL Report Cover | 40% scale, actual size 8.5" x 11"
USAGE EXAMPLES
Brand Collateral
JANUARY 00, 2019
USAGE EXAMPLES | Variations 3.5.1 LOOK AND FEEL 841 North Broadway, 3rd Floor Milwaukee, WI 53202 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. 841 North Broadway, 3rd Floor Milwaukee, WI 53202 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. 841 North Broadway, 3rd Floor Milwaukee, WI 53202 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor Milwaukee, WI 53202 (414)286-3521 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. 841 North Broadway, 3rd Floor Milwaukee, WI 53202 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor Milwaukee, WI 53202 (414)286-3521 City.Milwaukee.gov/Health LIVING YOUR BEST LIFE. REPORT TITLE SUBTITLE Author Name Author Name JANUARY 00, 2019 REPORT TITLE SUBTITLE Author Name Author Name JANUARY 00, 2019 REPORT TITLE SUBTITLE Author Name Author Name JANUARY 00, 2019 TITLE GOES HERE TITLE GOES HERE TITLE HERE FRANK ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor FRANK ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor FRANK P. ZEIDLER MUNICIPAL BUILDING 841 North Broadway, 3rd Floor Letterhead 8.5” x 11” Report Cover 8.5” x 11” Business Card 3.5” x 2” Envelope 12” x 9” Envelope 9.5” x 4.15” 4C Bleed 4C Bleed from Commissioner 4C 2-Sided with Bleed 4C Bleed 4C 4C B&W B&W 4C No Bleed B&W 1-sided No Bleed 4C No Bleed 4C No Bleed Text Only B&W No Bleed B&W No Bleed B&W No Bleed Text Only

USAGE EXAMPLES | Email

Firstname Lastname, ABBR

Title | Office Department

City of Milwaukee Health Department

Location | Address | Milwaukee, WI 00000

Office: (414) 000-0000 | Cell: (000) 000-0000 | Fax: (414) 000-0000 www.milwaukee.gov/health | Facebook | Twitter

NOTICE: This e-mail and any attachments may contain confidential information. Use and further disclosure of the information by the recipient must be consistent with applicable laws, regulations, and agreements. If you received this e-mail in error, please notify the sender; delete the e-mail; and do not use, disclose, or store the information it contains.

3.5.2
LOOK AND FEEL

TITLE

Xerfernatus estoriam qui te sitiis endit, simagnis magnat quatia dunditem ea quos etus ut eniet quam, conseri oreratio venist repuda pario. Nequo elestis sitem recto is nempore consectur moluptatiaXerentibus, officiis est quam rest as sam doluptur sundi senimax imaximi nverchili.

3.5.3 LOOK AND FEEL
USAGE EXAMPLES | Powerpoint
SUPPORTING INFO | DATE
TITLE HERE SUBTITLE HEADLINE HERE SUBHEAD HERE
LIVING YOUR BEST LIFE.
HERE
HEADLINE HERE SUBHEAD
TITLE HERE SUBTITLE
HERE SUBTITLE

USAGE EXAMPLES | Website

3.5.4 LOOK AND FEEL

USAGE EXAMPLES | Social

In order to keep social posts consistent, a few elements can be used to bring otherwise unrelated content together. Overlaying the symbol of the MHD logo can function as a watermark, and text-driven content can include brand colors.

3.5.5 LOOK AND FEEL
YOUR BEST
LIVING
LIFE. BEST LIFE.
LIVING YOUR YOUR LIVING BEST LIFE.

For more information and all approval regarding brand usage please contact: health_graphics@milwaukee.gov

If further assistance is needed please contact: 2-Story (414) 220-9663 info@2-story.com City.Milwaukee.gov/Health

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.