07.04.2013 Views

Hartford HealthCare Logo & Font Standards - Hartford Hospital!

Hartford HealthCare Logo & Font Standards - Hartford Hospital!

Hartford HealthCare Logo & Font Standards - Hartford Hospital!

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Brand<br />

Guidelines


Contents<br />

About These Guidelines . . . . . . . . . 2<br />

We Are <strong>Hartford</strong> <strong>HealthCare</strong> . . . . . 4<br />

Overview . . . . . . . . . . . . . . . . . . . . . . 6<br />

Our Signature . . . . . . . . . . . . . . . . . . 8<br />

Parent Signature . . . . . . . . . . . . . . . . 9<br />

Member Signatures . . . . . . . . . . . . 10<br />

Clear Space . . . . . . . . . . . . . . . . . . . 11<br />

Minimum Size . . . . . . . . . . . . . . . . 12<br />

Special Usage . . . . . . . . . . . . . . . . . 13<br />

Color Variations . . . . . . . . . . . . . . . 14<br />

Background Control . . . . . . . . . . . . 15<br />

Misuse . . . . . . . . . . . . . . . . . . . . . . . 16<br />

File Naming –<br />

Preferred Signature . . . . . . . . . . 17<br />

File Naming –<br />

Special-Usage Signature . . . . . . 18<br />

1<br />

Our Color Palette . . . . . . . . . . . . . . 19<br />

Color Palette . . . . . . . . . . . . . . . . . . 20<br />

Our Typeface . . . . . . . . . . . . . . . . . . 21<br />

Primary Typeface . . . . . . . . . . . . . . 22<br />

Secondary Typeface . . . . . . . . . . . . 23<br />

Our Photography . . . . . . . . . . . . . . 24<br />

Primary Photography . . . . . . . . . . 25<br />

Secondary Photography . . . . . . . . 28<br />

Our Graphic Elements . . . . . . . . . . 29<br />

Graphic Elements . . . . . . . . . . . . . . 30<br />

Graphic Element Usage . . . . . . . . . 31<br />

Creating Multicolor Clusters . . . . . 32<br />

Creating Two-Color and<br />

One-Color Clusters . . . . . . . . . . . 33<br />

Using the Clusters . . . . . . . . . . . . . 34<br />

Clusters – What to Avoid . . . . . . . . 35<br />

Creating and Using the Quotes . . 36<br />

Using the Quotes . . . . . . . . . . . . . . 37<br />

Quotation Marks – What to Avoid 38<br />

Textures . . . . . . . . . . . . . . . . . . . . . . 39<br />

Using the Textures . . . . . . . . . . . . . 41<br />

Textures – What to Avoid . . . . . . . 42<br />

Crops . . . . . . . . . . . . . . . . . . . . . . . . 43<br />

Using the Crops . . . . . . . . . . . . . . . 45<br />

Crops – What to Avoid . . . . . . . . . . 46<br />

Our Voice . . . . . . . . . . . . . . . . . . . . . 48<br />

Brand Voice . . . . . . . . . . . . . . . . . . . 49<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Contents


About These Guidelines<br />

On the following pages, you will find an explanation of<br />

the characteristics of the <strong>Hartford</strong> <strong>HealthCare</strong> brand and<br />

detailed instruction on how to reproduce and apply the<br />

visual identity system .<br />

As consistency in our visual presentation is one of the<br />

keys to the success of our brand, please follow these<br />

guidelines closely to ensure the consistent treatment of<br />

the visual identity system across all of our communications .<br />

2<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | About These Guidelines


Our Brand


We Are <strong>Hartford</strong> <strong>HealthCare</strong><br />

The <strong>Hartford</strong> <strong>HealthCare</strong> brand tells the story of who we are and what our promise<br />

is to the people we work with and the communities we serve . We are more than just<br />

a group of experts, each working in our respective fields—we are an organization<br />

working together toward a greater purpose .<br />

In today’s world, healthcare is often delivered as a series of disjointed and impersonal<br />

experiences . At <strong>Hartford</strong> <strong>HealthCare</strong>, we stand for something more . Our purpose is to<br />

build connections, create an open dialogue, and partner with patients at every point in<br />

their healthcare experience .<br />

We are innovative, collaborative, and compassionate . Our system is dedicated to<br />

providing a coordinated continuum of high-quality care, creating lifelong relationships<br />

with patients, and bringing the future of healthcare to the residents of Connecticut .<br />

The <strong>Hartford</strong> <strong>HealthCare</strong> brand embodies our mission—to replace the broken realities<br />

of today with a coordinated health system working toward a greater purpose . It is<br />

our promise to everyone who interacts with our system, and we will bring it to life in<br />

every aspect of our business .<br />

4 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | We Are <strong>Hartford</strong> <strong>HealthCare</strong>


Our Identity


Overview<br />

6 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Overview


Overview<br />

Our identity system consists of these are elements which are essential parts of our brand communications<br />

Our Signature<br />

Our Photography<br />

Our Color Palette Our Typeface<br />

Our Graphic Elements Our Voice<br />

PMN Caecillia<br />

ABCDEFGHIJKLMNOP<br />

abcdefghijklmnopqrs<br />

1234567890!@#$%^&<br />

Open<br />

Conversational<br />

Collaborative<br />

7 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Overview


Our Signature<br />

Our symbol consists of four<br />

single quotation marks set<br />

in a continuous circle to<br />

suggest ongoing dialogue<br />

and open communication.<br />

8 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Signature


Parent Signature<br />

The <strong>Hartford</strong> <strong>HealthCare</strong> parent<br />

signature is the cornerstone of our<br />

visual identity . It consists of the<br />

wordmark and the symbol, and is<br />

the basis for all other signatures in<br />

our identity system .<br />

The symbol represents our four interconnected<br />

groups: patients, providers,<br />

communities, and staff . It also evokes<br />

our multiple specialties and strengths<br />

interacting to create a compassionate,<br />

effective organization . The serif<br />

typeface of the wordmark elegantly<br />

expresses the essence of the brand .<br />

The signature makes a distinctive<br />

statement wherever it is used<br />

in order to ensure that all of our<br />

communications convey the<br />

full integrity and authority of<br />

our organization .<br />

Please remember that the signature<br />

is not to be altered, added to, or<br />

recreated under any circumstances .<br />

9<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Parent Signature<br />

Wordmark Symbol<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Parent Signature


Member Signatures<br />

Our member organizations are<br />

represented by their own signature<br />

variations . Based on the parent<br />

signature, they feature the same<br />

typestyle for their wordmarks,<br />

and the symbol is shared across<br />

the entire system .<br />

To emphasize our affiliations, the line<br />

“A <strong>Hartford</strong> <strong>HealthCare</strong> Partner” has<br />

been locked up with the artwork . In<br />

signage, small-usage applications,<br />

and other highly specific situations,<br />

the descriptor is not required . (See<br />

page 2 .5 for more .)<br />

As with all signatures in the system,<br />

these variations are not to be<br />

altered, added to, or re-created under<br />

any circumstances .<br />

10<br />

Member Organization Signatures<br />

Note: Clinical Laboratory<br />

Partners does not<br />

feature the affiliation<br />

line in its signature<br />

artwork.<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Member Signatures


Clear Space<br />

The signature must be surrounded<br />

by a generous field of clear space<br />

in every use . The space isolates the<br />

artwork from competing visuals such<br />

as graphics and type to ensure its<br />

visibility . Additionally, clear space<br />

prevents the signature from being<br />

positioned too close to gutters,<br />

trims and edges .<br />

As shown at right, an area equal<br />

to the width of two quotation<br />

marks must border the signature<br />

on all four sides .<br />

The clear space requirement applies<br />

to all versions of the signature,<br />

without exception .<br />

11 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Clear Space


Minimum Size<br />

The signature should be sized<br />

prominently in every application<br />

to ensure that the symbol is<br />

highly visible and the wordmark<br />

and affiliation line are easy to read .<br />

If sized too small, it risks going<br />

unnoticed or being illegible .<br />

Although member signatures vary<br />

in size, the clear space must always<br />

be applied adjacent to the longest<br />

line of the signature, using the quote<br />

symbol as shown in the exhibit on<br />

the previous page .<br />

Each member signature has a specific<br />

size below which it must not be<br />

reproduced . Please see the examples<br />

at right to determine the minimum<br />

allowable size for your signature .<br />

Signatures with minimum width of 1.5"<br />

Signatures with minimum width of 1.25"<br />

Signature with minimum width of 1" Signature with minimum width of 0.875"<br />

12 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Minimum Size


Special Usage<br />

The special-usage signatures do<br />

not feature the affiliation line,<br />

“A <strong>Hartford</strong> <strong>HealthCare</strong> Partner .”<br />

These signatures are not to be used<br />

arbitrarily in place of the preferred<br />

variation . They are intended only for<br />

signage and small-usage situations<br />

where the design area is insufficient<br />

to accommodate the affiliation<br />

line, and for occasions such as local<br />

sponsorships where the mention of<br />

<strong>Hartford</strong> <strong>HealthCare</strong> is unnecessary .<br />

The minimum allowable sizes for<br />

the special-usage signatures are<br />

shown at right .<br />

13<br />

Signatures with minimum width of 1.25"<br />

Signatures with minimum width of 1"<br />

Signature with minimum width of 0.875"<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Special Usage


Color Variations<br />

If the production method allows, the<br />

full-color signature is always preferred<br />

in all applications .<br />

The grayscale variation distinguishes<br />

parts of the signature by using<br />

contrasting gray tones, and should<br />

be selected only when color<br />

reproduction is impractical owing<br />

to budget or other constraints .<br />

The one-color black and reverse<br />

signatures are for use only when color<br />

reproduction is fully unavailable .<br />

14<br />

Color<br />

One-color Black<br />

Grayscale<br />

Reverse<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Color Variations


Background Control<br />

White is always the preferred<br />

background color for the signature<br />

artwork . It provides the highest<br />

level of contrast to ensure that the<br />

artwork pops visually and grabs<br />

the viewer’s attention .<br />

Light backgrounds are also acceptable<br />

as long as they contrast vividly with<br />

the artwork .<br />

A dark background should be used<br />

only when a specific application<br />

requires it . When a dark background<br />

is unavoidable, the reverse variation is<br />

the only signature option .<br />

A white background is preferred.<br />

If a color background is necessary, it must provide<br />

significant contrast.<br />

If a dark background is used, the reverse signature<br />

is the only option.<br />

Never compromise the visibility of the signature<br />

with an incompatible background.<br />

Never place the signature on a background that<br />

does not provide ample contrast.<br />

Never place the full-color signature on<br />

a black background.<br />

15 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Background Control


Misuse<br />

The importance of using the signature<br />

properly cannot be overstated .<br />

At right are examples of unacceptable<br />

manipulation of the signature . Avoid<br />

such treatments at all times .<br />

<strong>Hartford</strong><br />

Healthcare<br />

Never change the typeface or the colors<br />

of the signature<br />

Never distort the signature<br />

Never rearrange the elements of the signature<br />

Never add any effects to the signature<br />

Never outline the signature Never place the signature on a color background<br />

that challenges its legibility<br />

16 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Misuse


File Naming – Preferred Signature<br />

Use this guide to select the appropriate<br />

electronic signature. The le formats are<br />

explained below.<br />

EPS Format (.eps): EPS is a popular le<br />

format for transferring vector artwork<br />

between applications. Images can be<br />

proportionally enlarged or reduced<br />

without degradation in quality.<br />

JPEG Format (.jpg): JPEGs are suitable<br />

for digital and video use: for example,<br />

Internet use, e-mail, slideshows, and<br />

video presentations. JPEGs can be proportionally<br />

reduced, but must not be<br />

enlarged because distortion will occur.<br />

PNG Format (.png): PNG is designed<br />

to work well in online viewing<br />

applications, so it is fully streamable<br />

and has a progressive display option.<br />

PNG is robust, providing both full-le<br />

integrity checking and simple detection<br />

of common transmission errors.<br />

TIFF Format (.tif): TIFF logos are suitable<br />

for importing into applications<br />

such as Microsoft ® Word, PowerPoint ® ,<br />

and page layout programs. TIFFs can<br />

be reduced but can be only slightly<br />

enlarged, or distortion will occur.<br />

17<br />

Jeff House 4C-Rev.eps<br />

Facility Code:<br />

HHC – <strong>Hartford</strong> <strong>HealthCare</strong><br />

HMG – <strong>Hartford</strong> Medical Group<br />

HH – <strong>Hartford</strong> <strong>Hospital</strong><br />

Windham – Windham <strong>Hospital</strong><br />

Natchaug – Natchaug <strong>Hospital</strong><br />

MidState – MidState Medical Center<br />

ERN – Eastern Rehabilitation Network<br />

VNA-HHC – VNA <strong>HealthCare</strong><br />

VNA-CC – VNA Central Connecticut<br />

Rushford – Rushford<br />

CLP – Clinical Laboratory Partners<br />

Jeff House – Jefferson House<br />

CMC – Cedar Mountain Commons<br />

Color Scheme:<br />

File Format:<br />

.eps – Encapsulated<br />

Postscript<br />

.tif – Tagged Image<br />

File Format<br />

.jpg – Joint Photographic<br />

Experts Group<br />

.png – Portable Network<br />

Graphics<br />

Grayscale<br />

K – Black<br />

4C – Process Color (CMYK)<br />

Rev – Reverse (white)<br />

S-Rev – White Wordmark/ Spot Color Symbol<br />

4C-Rev – White Wordmark/Process Color Symbol<br />

S – Spot color (Pantone ® )<br />

V – RGB<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | File Naming – Preferred Signature


File Naming – Special-Usage Signature<br />

Use this guide to select the appropriate<br />

electronic signature. The le formats are<br />

explained below.<br />

EPS Format (.eps): EPS is a popular le<br />

format for transferring vector artwork<br />

between applications. Images can be<br />

proportionally enlarged or reduced<br />

without degradation in quality.<br />

JPEG Format (.jpg): JPEGs are suitable<br />

for digital and video use: for example,<br />

Internet use, e-mail, slideshows, and<br />

video presentations. JPEGs can be proportionally<br />

reduced, but must not be<br />

enlarged because distortion will occur.<br />

PNG Format (.png): PNG is designed<br />

to work well in online viewing<br />

applications, so it is fully streamable<br />

and has a progressive display option.<br />

PNG is robust, providing both full-le<br />

integrity checking and simple detection<br />

of common transmission errors.<br />

TIFF Format (.tif): TIFF logos are suitable<br />

for importing into applications<br />

such as Microsoft ® Word, PowerPoint ® ,<br />

and page layout programs. TIFFs can<br />

be reduced but can be only slightly<br />

enlarged, or distortion will occur.<br />

CMC K notag.eps<br />

Facility Code:<br />

HHC – <strong>Hartford</strong> <strong>HealthCare</strong><br />

HMG – <strong>Hartford</strong> Medical Group<br />

HH – <strong>Hartford</strong> <strong>Hospital</strong><br />

Windham – Windham <strong>Hospital</strong><br />

Natchaug – Natchaug <strong>Hospital</strong><br />

MidState – MidState Medical Center<br />

ERN – Eastern Rehabilitation Network<br />

VNA-HHC – VNA <strong>HealthCare</strong><br />

VNA-CC – VNA Central Connecticut<br />

Rushford – Rushford<br />

CLP – Clinical Laboratory Partners<br />

Jeff House – Jefferson House<br />

CMC – Cedar Mountain Commons<br />

Color Scheme:<br />

File Format:<br />

.eps – Encapsulated<br />

Postscript<br />

.tif – Tagged Image<br />

File Format<br />

.jpg – Joint Photographic<br />

Experts Group<br />

.png – Portable Network<br />

Graphics<br />

Special Usage:<br />

Special-usage logos do<br />

not feature the afliation<br />

line and have the added<br />

“notag” designation.<br />

Grayscale<br />

K – Black<br />

4C – Process Color (CMYK)<br />

Rev – Reverse (white)<br />

S-Rev – White Wordmark/ Spot Color Symbol<br />

4C-Rev – White Wordmark/Process Color Symbol<br />

S – Spot color (Pantone ® )<br />

V – RGB<br />

18 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | File Naming – Special-Usage Signature


Our Color Palette<br />

The colors we use in our brand<br />

are vivid, energetic, and inspiring.<br />

They speak of our compassion<br />

and commitment to the people<br />

we help every day.<br />

19 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Color Palette


Color Palette<br />

The <strong>Hartford</strong> <strong>HealthCare</strong> house<br />

style relies on color to make distinct<br />

visual statements that catch and hold<br />

the viewer’s attention. Visible in a<br />

variety of features, including super<br />

graphics, backgrounds, and display<br />

type, our color palette mirrors the<br />

signature artwork.<br />

White is one of the dominant colors<br />

of this system. When used as a<br />

background, it ensures a clean, clinical<br />

quality and supplies a blank canvas<br />

to support messages and visual<br />

elements. HHC Light Gray can also<br />

be used as a background color to add<br />

dimension to photographic images<br />

and variety to page layouts.<br />

HHC Gray is used frequently in<br />

headlines and body copy, and<br />

suggests our determination<br />

and professionalism.<br />

HHC’s accent colors are intended for<br />

highly specic uses, such as graphic<br />

elements (discussed later in these<br />

guidelines), backgrounds (usually with<br />

silhouetted photography), and display<br />

type (titles, headlines, posters, etc.).<br />

20<br />

White<br />

CMYK 0 0 0 0<br />

RGB 255 255 255<br />

# FFFFFF<br />

HHC Gray<br />

Pantone ® Cool Gray 11<br />

CMYK 0 0 0 85<br />

RGB 83 86 90<br />

# 53565A<br />

HHC Light Gray<br />

10% Pantone ® Cool Gray 11<br />

CMYK 0 0 0 10<br />

RGB 237 237 237<br />

# EDEDED<br />

HHC Blue<br />

Pantone ® 313<br />

CMYK 100 0 10 4<br />

RGB 0 152 195<br />

# 0098C3<br />

HHC Green<br />

Pantone ® 377<br />

CMYK 51 5 98 23<br />

RGB 110 153 52<br />

# 6E9934<br />

HHC Magenta<br />

Pantone ® 2405<br />

CMYK 38 100 0 0<br />

RGB 164 0 132<br />

# A40084<br />

HHC Orange<br />

Pantone ® 173<br />

CMYK 0 80 94 1<br />

RGB 210 73 42<br />

# D2492A<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Color Palette


Our Typeface<br />

PMN Caecilia is our typeface.<br />

Its approachable and<br />

humanistic quality reflects<br />

our brand personality.<br />

21 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Typeface


Primary Typeface<br />

PMN Caecilia is a modern and<br />

distinctive serif typeface that<br />

reinforces both the <strong>Hartford</strong><br />

<strong>HealthCare</strong> wordmark and the<br />

member descriptor lines .<br />

PMN Caecilia 55 Roman is<br />

the preferred weight in most<br />

applications, from titles and<br />

headlines to subheads, body copy,<br />

captions, legal copy, and more .<br />

When setting text in layout, you<br />

may use other weights and styles<br />

of PMN Caecilia for emphasis or<br />

variety . A clear text hierarchy<br />

will lead the reader effortlessly<br />

through the material . Text<br />

should always be set to maximize<br />

readability while maintaining<br />

a neat and clean appearance .<br />

22<br />

PMN Caecilia 55 Roman<br />

ABCDEFGHIJKLM<br />

NOPQRSTUVWXYZ<br />

abcdefghijklm<br />

nopqrstuvwxyz<br />

1234567890!@#<br />

$%^&*()-+=<br />

PMN Caecilia 45 Light<br />

ABCDEFGHIJKLMNOPQRSTUV<br />

abcdefghijklmnopqrstuvwxyz<br />

1234567890!@#$%^&*()-+=<br />

PMN Caecilia 75 Bold<br />

ABCDEFGHIJKLMNOPQRSTUV<br />

abcdefghijklmnopqrstuvwxyz<br />

1234567890!@#$%^&*()-+=<br />

PMN Caecilia 56 Italic<br />

ABCDEFGHIJKLM<br />

NOPQRSTUVWXYZ<br />

abcdefghijklm<br />

nopqrstuvwxyz<br />

1234567890!@#<br />

$%^&*()-+=<br />

PMN Caecilia 46 Light Italic<br />

ABCDEFGHIJKLMNOPQRSTUV<br />

abcdefghijklmnopqrstuvwxyz<br />

1234567890!@#$%^&*()-+=<br />

PMN Caecilia 76 Bold Italic<br />

ABCDEFGHIJKLMNOPQRSTUV<br />

abcdefghijklmnopqrstuvwxyz<br />

1234567890!@#$%^&*()-+=<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Primary Typeface


Secondary Typeface<br />

When PMN Caecilia is unavailable<br />

(e .g ., in Microsoft ® Office and online<br />

applications) use Verdana instead .<br />

23<br />

Verdana Regular<br />

ABCDEFGHIJKLM<br />

NOPQRSTUVWXYZ<br />

abcdefghijklm<br />

nopqrstuvwxyz<br />

1234567890!@#<br />

$%^&*()-+=<br />

Verdana Bold<br />

ABCDEFGHIJKLMNOPQRST<br />

abcdefghijklmnopqrstuvwx<br />

1234567890!@#$%^&*()<br />

Verdana Italic<br />

ABCDEFGHIJKLM<br />

NOPQRSTUVWXYZ<br />

abcdefghijklm<br />

nopqrstuvwxyz<br />

1234567890!@#<br />

$%^&*()-+=<br />

Verdana Bold Italic<br />

ABCDEFGHIJKLMNOPQRST<br />

abcdefghijklmnopqrstuvwx<br />

1234567890!@#$%^&*()<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Secondary Typeface


Our Photography<br />

Our photography highlights<br />

the well-being of our patients<br />

and the collaboration among<br />

staff to provide the best<br />

possible care.<br />

24 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Photography


Primary Photography<br />

Just as patients are the focal point of<br />

our work, so too are they the focus of<br />

our photographic style . Photography<br />

of doctors, nurses, and caregivers<br />

serves to illustrate our commitment<br />

to our patients .<br />

Primary photography should reflect<br />

the well-being of our patients,<br />

the dialogue between patient and<br />

caregiver, and the collaboration<br />

among our staff to deliver the best<br />

possible care .<br />

Models should represent a wide<br />

demographic and may be<br />

photographed in realistic situations<br />

or interacting with the camera .<br />

Although posed images are<br />

acceptable, candid-style photography<br />

is preferred . Models dressed in<br />

brand-accent-color clothes are<br />

also preferred because the colors<br />

enliven our visual communications .<br />

Images should always be silhouetted<br />

against light gray, white, or solid<br />

brand-color backgrounds . Slight<br />

gradients can be added to the<br />

background to make the photography<br />

look natural and to create depth .<br />

Silhouetted image on light gray background Silhouetted image on brand-color background<br />

25 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Primary Photography


Primary Photography<br />

Silhouetted images on light gray background<br />

26 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Primary Photography


Primary Photography<br />

Samples of silhouetted images on brand-color background<br />

27 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Primary Photography


Secondary Photography<br />

Secondary photography features<br />

objects associated with the<br />

medical arts or science in general .<br />

This category offers a broad range of<br />

possibilities . However, consistency<br />

should be established through<br />

composition . The examples shown<br />

here illustrate how subjects<br />

should be arranged and shot: Use<br />

symmetry, placement, and cropping<br />

to impart style and nuance to what<br />

would otherwise be an ordinary<br />

photograph of a medical device .<br />

Silhouetted images of objects<br />

should always appear against light<br />

gray or white backgrounds .<br />

Samples of silhouetted objects on light gray background<br />

28 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Secondary Photography


Our Graphic Elements<br />

Lively, engaging, and<br />

differentiated, our<br />

graphic elements support<br />

the concept of open<br />

dialogue and add visual<br />

emphasis to all of<br />

our communications.<br />

29 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Graphic Elements


Graphic Elements<br />

Colorful, striking, and fun, the<br />

graphic elements animate our<br />

design materials with big blasts<br />

of color . They have been specially<br />

created for our brand, purposely<br />

differentiating us within the<br />

healthcare category .<br />

Inspired by the design and colors<br />

of the signature’s quotation marks<br />

symbol, these elements emphasize<br />

our dedication to engaging in a<br />

constant dialogue with stakeholders<br />

and our commitment to<br />

Connecting with Purpose .<br />

The quotation mark graphic element is<br />

available in the following variations:<br />

30<br />

Variations of the graphic elements<br />

Solid<br />

Diagonal Stripes<br />

Dots<br />

Horizontal Stripes Vertical Stripes<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Graphic Elements


Graphic Element Usage<br />

Clusters<br />

Lively and dynamic combinations<br />

of various quotation mark elements<br />

that energize and differentiate<br />

communication materials .<br />

Quotes<br />

Pairs of quotation marks<br />

(upside-down quotes on left and<br />

right-side-up on right) for use in<br />

message-driven designs and in<br />

standard typographic style .<br />

Textures<br />

Repeated patterns of the quote<br />

elements for applications that<br />

require subtle design details .<br />

Crops<br />

Magnifications of solid, dotted,<br />

and diagonal-/horizontal-/verticalstriped<br />

graphic elements that add<br />

variety and flexibility to all types<br />

of communication materials .<br />

The design and intent of the<br />

communication determines<br />

the graphic element to use .<br />

The following are suggested as<br />

a general guide .<br />

31<br />

Multicolor usage sample Quotes<br />

Textures<br />

Crops<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Graphic Element Usage


Creating Multicolor Clusters<br />

Clusters feature tight groups of<br />

quotation marks of varying sizes<br />

and are used for emphatic graphic<br />

expression .<br />

Clusters enliven larger design areas<br />

with a vigorous display of color . Use<br />

only the five types of quotation marks<br />

specified on page 30 .<br />

To create clusters, use overlapping<br />

quotation marks, double on double 1<br />

or single on single . 2 Clusters can<br />

be in groups of two or three, and<br />

more than one group can be used . 3<br />

Larger clusters should bleed off the<br />

border(s) of the layout, but smaller<br />

clusters can be wholly contained in the<br />

live area if the composition allows . 4<br />

Used with photography or messages,<br />

clusters act as a framing device to<br />

draw attention to the contents . Their<br />

scale should be balanced with any<br />

photography or message in the<br />

composition . 5<br />

1<br />

4 5<br />

trust your<br />

family to us<br />

32 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Creating Multicolor Clusters<br />

2<br />

3


Creating Two-Color and One-Color Clusters<br />

In applications where four-color<br />

(or more) printing is not available,<br />

clusters can be created by using a<br />

combination of the brand accent<br />

color and HHC gray, or by using<br />

only the brand accent color and<br />

its shades to create visual interest .<br />

Shades should appear at increments of<br />

100%, 80%, 60%, 40%, and 20% only . 1<br />

Two-color and one-color clusters can<br />

be used on backgrounds of white,<br />

light gray, 2 or a reverse of the brand<br />

accent color . 3<br />

Use only the five types of quotation<br />

marks specifically designed for the<br />

HHC brand . (See page 30 .) Follow<br />

the guidelines on page 32, Creating<br />

Multicolor Clusters .<br />

1<br />

2<br />

100% 100% 100% 100% 100%<br />

80% 80% 80% 80% 80%<br />

60% 60% 60% 60% 60%<br />

40% 40% 40% 40% 40%<br />

20% 20% 20% 20% 20%<br />

33 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Creating Two-Color and One-Color Clusters<br />

3


Using the Clusters<br />

Clusters can be used as major design<br />

elements or as framing devices or<br />

accents . See examples of suitable<br />

applications at right .<br />

34 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Using the Clusters


Clusters – What to Avoid<br />

The importance of using the<br />

graphic elements properly cannot<br />

be overstated .<br />

To help us achieve a strong, unified<br />

expression of the <strong>Hartford</strong> <strong>HealthCare</strong><br />

brand across all applications, a<br />

number of unacceptable treatments<br />

are demonstrated here . Please<br />

remember that these uses are<br />

never allowed .<br />

35<br />

Never use colors outside of our brand color palette<br />

Never re-create the quotes graphic<br />

Never use the clusters directly on top of any<br />

photography or message<br />

Never use colors outside of our brand color palette<br />

Never arrange the elements in other angles<br />

Never put any imagery or messages in the quotes<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Clusters – What to Avoid


Creating and Using the Quotes<br />

The quotation mark graphics<br />

have been taken directly from the<br />

signature symbol .<br />

Intended for use as design accents<br />

in type-focused layouts, the quotes<br />

can be used in a number of different<br />

ways, e .g ., to book-end a message or<br />

to frame text .<br />

Use only the five types of quotation<br />

marks specifically designed for the<br />

HHC brand . (See page 30 .)<br />

The quotes should always appear in<br />

twos in the standard typographic<br />

style, i .e ., upside-down quotes on the<br />

left and right-side-up on the right .<br />

Use any of the five brand colors<br />

when creating quotes . Quotes should<br />

appear in one or two colors per set of<br />

quotes 1 , so quotes within a set can<br />

appear in different colors . 2<br />

Quotation marks can appear entirely<br />

within the live area at smaller sizes to<br />

complement selections of body copy<br />

or can be enlarged and cropped by the<br />

borders of the layout for a dominant<br />

statement in high-visibility layouts . 3<br />

36<br />

1<br />

2<br />

One-color samples<br />

Once you choose hope,<br />

anything’s possible.<br />

– Christopher Reeve<br />

3<br />

Two-color samples<br />

together we<br />

are starting<br />

a dialogue<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Creating and Using the Quotes


Using the Quotes<br />

As the series of exhibits at right<br />

illustrates, the quotes are versatile<br />

and can be used to frame a message<br />

while reinforcing the <strong>Hartford</strong><br />

<strong>HealthCare</strong> brand, whether in<br />

print, online, or environmental/<br />

architectural applications .<br />

37 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Using the Quotes


Quotation Marks – What to Avoid<br />

The importance of using the<br />

graphic elements properly cannot<br />

be overstated .<br />

To help us achieve a strong, unified<br />

expression of the <strong>Hartford</strong> <strong>HealthCare</strong><br />

brand across all applications, a<br />

number of unacceptable treatments<br />

are demonstrated here . Please<br />

remember that these uses are<br />

never allowed .<br />

38<br />

Once you choose hope,<br />

anything’s possible.<br />

– Christopher Reeve<br />

Never use colors outside of our brand color palette<br />

Once you choose hope,<br />

anything’s possible.<br />

– Christopher Reeve<br />

Never re-create the quotes graphic<br />

together we<br />

are starting<br />

a dialogue<br />

The quotes should always appear in the standard<br />

typographic style, i.e., upside-down quotes on the<br />

left and right-side-up on the right<br />

Once you choose hope,<br />

anything’s possible.<br />

– Christopher Reeve<br />

Both sets of quotes should always be at<br />

the same size<br />

Once you choose hope,<br />

anything’s possible.<br />

– Christopher Reeve<br />

Never use the clusters to quote any messages<br />

Never superimpose any messages on the<br />

quotes graphic<br />

together we<br />

are starting<br />

a dialogue<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Quotation Marks – What to Avoid


Textures<br />

The textures diffuse the quotes<br />

as patterns or streams for quieter<br />

statements across larger areas .<br />

There are a number of uses for these<br />

textures, such as envelope interiors,<br />

brochure back covers, inside flaps,<br />

and other surfaces not used for<br />

primary displays .<br />

There are a number of colors options<br />

for the textures: single color only,<br />

alternating symbol colors, color<br />

reversal off brand-accent color<br />

background, or color reversal off<br />

light gray background .<br />

39<br />

Multicolor textures One-color textures<br />

Reverse on color textures<br />

Reverse on light gray textures<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Textures


Textures (continued)<br />

A continuous line of quotation marks<br />

can be used as a design accent in<br />

environmental/architectural details .<br />

The textured strip can be in one<br />

color, in alternating brand colors, or<br />

reversed off any background .<br />

40<br />

Multicolor textured strip<br />

One-color textured strip<br />

Reverse textured strip<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Textures (continued)


Using the Textures<br />

The examples at right illustrate<br />

appropriate applications of the<br />

textures .<br />

41<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Using the Textures


Textures – What to Avoid<br />

The importance of using the<br />

graphic elements properly cannot<br />

be overstated .<br />

To help us achieve a strong, unified<br />

expression of the <strong>Hartford</strong> <strong>HealthCare</strong><br />

brand across all applications, a<br />

number of unacceptable treatments<br />

are demonstrated here . Please<br />

remember that these uses are<br />

never allowed .<br />

42<br />

Never use colors outside of our brand color palette<br />

Never rearrange or alter the textures<br />

Never rearrange or alter the textured strip<br />

Never use colors outside of our brand color palette<br />

Never rearrange or alter the textures<br />

Never use the textured strip in any applications<br />

other than enviromental/architectural details<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Textures – What to Avoid


Crops<br />

The crops are cropped magnifications<br />

of the different graphic treatments<br />

of the quatation marks—solid, dots<br />

or horizontal/vertical stripes . Their<br />

distinctive shapes combine with our<br />

vibrant brand colors to create unique<br />

design expressions and offer flexibility<br />

in various applications .<br />

Each version is built from two<br />

components . One component is<br />

the magnified pattern of dots or<br />

stripes 1 and the other component<br />

is a solid field of color . Combinations<br />

should always come from our<br />

brand color palette .<br />

The two components overlap,<br />

with the edge of the color field<br />

forming a horizontal 2 or<br />

vertical line . 3 Multiplying or<br />

overprint effect should be<br />

applied to lend dimension and<br />

visual interest .<br />

43<br />

1<br />

Dots Diagonal Stripes Horizontal Stripes Vertical Stripes Solid<br />

2<br />

3<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Crops


Crops (continued)<br />

The crops can fill large design areas 1<br />

and can be featured on their own<br />

or with photography placed in the<br />

solid area 2 .<br />

The crops can also be used in the form<br />

of a strip 3 on appropriate applications,<br />

such as vehicles .<br />

44<br />

1<br />

3<br />

Let’s Meet, Talk, Share, Discuss<br />

2<br />

Building a Healthier Community<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Crops (continued)


Using the Crops<br />

Examples of suitable usage of the<br />

crops appear at right .<br />

45 <strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Using the Crops


Crops – What to Avoid<br />

The importance of using the<br />

graphic elements properly cannot<br />

be overstated .<br />

To help us achieve a strong, unified<br />

expression of the <strong>Hartford</strong> <strong>HealthCare</strong><br />

brand across all applications, a<br />

number of unacceptable treatments<br />

are demonstrated here . Please<br />

remember that these uses are<br />

never allowed .<br />

46<br />

Never use colors outside of our brand color palette<br />

The two components should meet horizontally or<br />

vertically only<br />

Never put imagery or message inside the<br />

pattern component<br />

Never re-arrange or alter the graphic elements<br />

The two components should meet horizontally or<br />

vertically only<br />

The two components should always align<br />

horizontally or vertically<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Crops – What to Avoid


Our Voice


Our Voice<br />

Our brand voice expresses the<br />

unique character of our brand<br />

and brings a consistent style to all<br />

of our written communications.<br />

48<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Our Voice


Brand Voice<br />

While our house style communicates<br />

our brand through imagery,<br />

our brand voice expresses the<br />

unique character of the brand in<br />

words . And through this unique<br />

voice, we bring a consistent<br />

style to all of our written<br />

communications and ensure that<br />

the core qualities of our brand<br />

are always represented .<br />

49<br />

Conversational – When appropriate,<br />

use a “business-casual” writing<br />

style . It should sound relaxed<br />

but professional, and not overly<br />

formal . Remember to get to the<br />

point quickly, but frame or lead up<br />

to the information in a way that<br />

suggests an easy dialogue between<br />

colleagues or friends .<br />

Use contractions and colloquial<br />

expressions . Think about how you<br />

would tell a friend about something<br />

and then try to write it down .<br />

Example:<br />

“ At <strong>Hartford</strong> <strong>HealthCare</strong>, we can’t tell<br />

you how happy we are with the results<br />

of our latest and greatest fundraiser.”<br />

Open – This quality is closely<br />

related to the others, but the idea<br />

of “openness” has some nuances<br />

of its own . For many, when they<br />

think of healthcare providers,<br />

they think of intimidating medical<br />

terminology or impenetrable<br />

regulation language . So let’s<br />

surprise them with real-world,<br />

everyday explanations to help<br />

them understand what we are<br />

doing—because that’s what a<br />

good partner does .<br />

In public-facing materials, swap<br />

technical or academic language<br />

for familiar and approachable or,<br />

if you really need to use “shoptalk,”<br />

throw in a few extra words<br />

of explanation for those outside of<br />

the healthcare industry .<br />

Example:<br />

“ In phase 1 clinical trials, we saw<br />

that metastasis, the spread of cancer<br />

cells, was stopped abruptly, giving<br />

us hope for a new treatment.”<br />

Collaborative – Another emphasis<br />

in our writing should be our<br />

dedication to partnership—to<br />

working closely with doctors,<br />

researchers, administrators, and,<br />

of course, patients to deliver the<br />

highest-quality care available .<br />

Use the first- and second-person<br />

plural (we/us/our and you/yours)<br />

if it feels right for the piece .<br />

Example:<br />

“ We have a number of exciting medical<br />

breakthroughs that we can’t wait to<br />

share with you.”<br />

<strong>Hartford</strong> <strong>HealthCare</strong> Guidelines | Brand Voice

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!