CITY OF WESTFIELD LOGO AND BRAND IDENTITY GUIDELINES VERSION 1.0 PREPARED BY COMMERCIAL ARTISAN / MAY 2017
Located approximately 25 miles north of Indianapolis, Westfield (which dates back to 1834) is a rapidly growing community of approximately 38,000 residents with alluring amenities for residents, businesses, visitors and sports enthusiasts of all types. Westfield offers diversified housing, including single-family homes, large custom built homes, stylish townhomes, condominiums and apartments. Businesses, both large and small, will appreciate distinctly designed retail offices and warehouse sites to go along with Westfield’s highly skilled workforce. Westfield is home to an award-winning school corporation, biking trails that weave through mature woods, creeks and subdivisions, beautiful park facilities, quaint regional shopping, and a pro-economic development climate that fosters new and growing business. These brand identity guidelines create a framework for building communications for the City of Westfield and all city departments. All artwork elements may be supplied in relevant digital formats. For any questions please contact a representative from the Communications Department.
LOGO CLEAR SPACE
SAFE AREA
Clear space represents the area surrounding the logo which must remain free of other elements. The safe area represents the space
CLEAR SPACE
in which other logos, photos, blocks of text, or typographic elements may be placed.
ACCEPTABLE COLOR VARIATIONS
This is the primary logo (full color) for The City of Westfield. Use this lock-up whenever possible. This logo is comprised of a type mark and an image mark. In certain instances the “thistle” symbol may be used without the City of Westfield type mark. Specific examples include but are not limited to social media icons, internal communications, signage and decor.
SUGGESTED COMPATIBLE TYPEFACES
PRIMARY COLOR PALETTE
TRADE GOTHIC LIGHT & LIGHT OBLIQUE TRADE GOTHIC MEDIUM & MEDIUM OBLIQUE TRADE GOTHIC BOLD NO. 2 & NO. 2 OBLIQUE
PMS 2925
TRADE GOTHIC LH EXTENDED TRADE GOTHIC LH BOLD EXTENDED MINION REGULAR & ITALIC MINION SEMIBOLD & SEMIBOLD ITALIC Modeled on a thistle, this symbol can stand alone as a
PMS 376
PMS 7694
MINION BOLD & BOLD ITALIC
social media icon, or shorthand for the City of Westfield.
CITY OF WESTFIELD LOGO & BRAND IDENTITY GUIDELINES
03
CITY OF WESTFIELD LOGO VARIATION / DEPARTMENTS
CITY OF WESTFIELD COLOR PALETTE PRIMARY COLORS
COMMUNICATIONS
CUSTOMER SERVICE PMS
2925 C
PMS
376 C
PMS
7694 C
PMS
419 C
CMYK 85 / 21 / 0 / 0
CMYK 54 / 0 / 100 / 0
CMYK 100 / 57 / 9 / 52
CMYK 86 / 70 / 69 / 95
RGB
0 / 156 / 222
RGB
132 / 189 / 0
RGB
1 / 66 / 106
RGB
33 / 35 / 34
HEX
#009CDE
HEX
#84BD00
HEX
#01426A
HEX
#212322
PMS
144 C
PMS
469 C
PMS
390 C
SECONDARY COLORS
ECONOMIC & COMMUNITY DEVELOPMENT
INFORMATICS
PMS
PARKS & RECREATION
POLICE DEPARTMENT
04
484 C
CMYK 8 / 92 / 100 / 33
CMYK 0 / 51 / 100 / 0
CMYK 24 / 79 / 100 / 73
CMYK 27 / 0 / 100 / 3
RGB
154 / 51 / 36
RGB 237 / 139 / 0
RGB 105 / 63 / 35
RGB 181 / 189 / 0
HEX
#9A3324
HEX
#ED8B00
HEX
#693F23
HEX
#B5BD00
PMS
418 C
PMS
371 C
PMS
7406 C
PMS
518 C
PUBLIC WORKS
FIRE DEPARTMENT
CITY OF WESTFIELD LOGO & BRAND IDENTITY GUIDELINES
CMYK 38 / 26 / 40 / 72
CMYK 50 / 9 / 98 / 61
CMYK 0 / 20 / 100 / 2
CMYK 55 / 86 / 20 / 63
RGB 81 / 83 / 74
RGB 84 / 98 / 35
RGB 241 / 196 / 0
RGB 75 / 48 / 72
HEX
HEX
HEX
HEX
#51534A
#546223
CITY OF WESTFIELD LOGO & BRAND IDENTITY GUIDELINES
#F1C400
#4B3048
05
LOGO CLEAR SPACE
SAFE AREA
Clear space represents the area surrounding the logo which must remain free of other elements. The safe area represents the space
CLEAR SPACE
in which other logos, photos, blocks of text, or typographic elements may be placed. This logo must be angled as shown in the example on the right. It must never be rotated and the word Welcome must always appear at this angle.
ONE COLOR LOGO OPTION
LOGO VARIATION
WO Using this logo in one color is not recommended. If necessary here are examples of how it can be done.
S! K R
This is an example of a logo variation used to highlight a specific program.
Westfield Welcome is a community initiative created to embrace, connect and inform our residents, businesses and visitors. It showcases Westfield’s focus on hospitality and encourages local volunteerism. The logo is an exuberant expression of the community’s warm regard for visitors. It shares a color palette with the City of Westfield logo, which it also complements.
SUGGESTED COMPATIBLE TYPEFACES
PRIMARY COLOR PALETTE
KNOCKOUT HTF46 FLYWEIGHT Fenway Park
PMS 376
TRADE GOTHIC LIGHT & LIGHT OBLIQUE TRADE GOTHIC MEDIUM & MEDIUM OBLIQUE TRADE GOTHIC BOLD NO. 2 & NO. 2 OBLIQUE MINION REGULAR & ITALIC MINION SEMIBOLD & SEMIBOLD ITALIC
PMS 7694
BLACK
MINION BOLD & BOLD ITALIC
Visit westfieldwelcome.com for more information. WESTFIELD WELCOME LOGO & BRAND IDENTITY GUIDELINES
07
LOGO CLEAR SPACE
SAFE AREA
Clear space represents the area surrounding the logo which must remain free of other elements. The safe area represents the space
CLEAR SPACE
in which other logos, photos, blocks of text, or typographic elements may be placed.
ONE COLOR LOGO OPTIONS
PRIMARY COLOR PALETTE
PMS 3415
PMS 354
Using this logo in one color is not recommended. If necessary here are examples of how it can be done.
Grand Park in Westfield, Indiana, is a youth and adult sports village designed to become a family sports destination like no other. This 400-acre sports campus features a full-range of championship-level outdoor facilities for baseball, softball and field sports, and an indoor sports facility designed for year round play. Visit grandpark.org for more information!
SUGGESTED COMPATIBLE TYPEFACES
BLACK
SECONDARY COLOR PALETTE
PMS 7409
PMS 465
ARCHER LIGHT & LIGHT ITALIC ARCHER MEDIUM & MEDIUM ITALIC ARCHER BOLD & BOLD ITALIC
PMS COOL GRAY 7
TRADE GOTHIC LIGHT & LIGHT OBLIQUE TRADE GOTHIC MEDIUM & MEDIUM OBLIQUE TRADE GOTHIC BOLD NO. 2 & NO. 2 OBLIQUE UNIVERS 45 LIGHT & 45 LIGHT OBLIQUE The GP Monogram is suitable for use in instances that require a reinforcement of the Grand
UNIVERS 55 ROMAN & 55 OBLIQUE
PMS 179
PMS 7461
UNIVERS 65 BOLD & 65 BOLD OBLIQUE
Park identity.
GRAND PARK LOGO & BRAND IDENTITY GUIDELINES
09
LOGO CLEAR SPACE
SAFE AREA
Clear space represents the area surrounding the logo which must
CLEAR SPACE
remain free of other elements. The safe area represents the space in which other logos, photos, blocks of text, or typographic elements may be placed. NOTE This is a small portion of an expansive collection of guidelines for Grand Junction Plaza. Complete brand information may be found here.
ONE COLOR LOGO OPTIONS
Grand Junction Plaza is more than an idea. It’s more than a vision. It’s more than a transformative movement making waves in Westfield. This project is a catalyst for connections, and it has the power to create a downtown center like this area has never seen before. A place people want to visit. A place residents feel proud to claim as their own.
SUGGESTED COMPATIBLE TYPEFACES
SECONDARY WORDMARK LOCKUP
PRIMARY COLOR PALETTE
SOFIA PRO & PRO WEBFONT BLACK SOFIA PRO & PRO WEBFONT BOLD SOFIA PRO & PRO WEBFONT REGULAR
PMS 350
PMS 348
HELVETICA BOLD HELVETICA REGULAR ARIAL BOLD ARIAL REGULAR
PMS 354
PMS 376
PMS 382
Visit westfield.in.gov/parks/division.php?structureid=261 to learn more! GRAND JUNCTION PLAZA LOGO & BRAND IDENTITY GUIDELINES
11
LOGO CLEAR SPACE
SAFE AREA
Clear space represents the area surrounding the logo which must
CLEAR SPACE
remain free of other elements. The safe area represents the space in which other logos, photos, blocks of text, or typographic elements may be placed.
ONE COLOR LOGO OPTION
Using this logo in one color is not recommended. If necessary here are examples of how it can be done.
The Westfield Fire Department (WFD) is prepared at all times to respond and mitigate all types of natural and human-made emergencies. The professional women and men of WFD are in constant pursuit of the most up-to-date training and resources and providing the highest quality of service to the citizens and visitors of the City of Westfield, IN. Visit westfield.in.gov/fire to learn more!
SUGGESTED COMPATIBLE TYPEFACES
PRIMARY COLOR PALETTE
TRADE GOTHIC LIGHT & LIGHT OBLIQUE TRADE GOTHIC MEDIUM & MEDIUM OBLIQUE TRADE GOTHIC BOLD NO. 2 & NO. 2 OBLIQUE
PMS 185
HELVETICA BOLD HELVETICA REGULAR MINION REGULAR & ITALIC MINION SEMIBOLD & SEMIBOLD ITALIC
PMS COOL GRAY 7
BLACK
MINION BOLD & BOLD ITALIC
WESTFIELD FIRE DEPARTMENT LOGO & BRAND IDENTITY GUIDELINES
13
CITY OF WESTFIELD PRINTED COLLATERAL
The Westfield Police Depart-
PRESS RELEASE
POLICE DEPARTMENT LOGO
ment utilizes a variety of symbols in its communications materials. The Police
The format of the Police
Department logo (right)
Department Press Release is
should be considered the
designed to coordinate with
Department’s primary logo,
other core communications
but the additional symbols
pieces (see pages 18-19). In
on this page may be employed for other, specific uses.
POLICE DEPARTMENT PATCH
POLICE DEPARTMENT POLICE DEPARTMENT BADGE ILLUSTRATION
FOR IMMEDIATE RELEASE
addition to the Police Department, press release formats
CONTACT EMAIL
name@westfield.in.gov
are available for the City of
PHONE
317.000.0000
DISPATCH
317.000.0000
Westfield, Grand Park, and the
INCIDENT TYPE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ipsum velit, consequat et nisi eget, rutrum auctor lorem.
Fire Department.
INCIDENT DATE & TIME
0/00/0000 at approximately 0:00pm
LOCATION
00000 Name Rd, SR 32/Name Blvd & 00000-Blk of Name 0/00/0000 at 0:00pm
Name
RELEASE DATE & TIME
0000-00000000 ––––––––––––––––––––––––– UPDATE Etiam elementum nibh eu ipsum condimentum sagittis. Cras auctor nisl sollicitudin, ultricies nulla ut, pulvinar ipsum. Duis a sapien sit amet erat imperdiet dictum ac vel risus. Sed vitae neque id justo suscipit tincidunt. CASE NUMBER
Name Description Location Police arrested Name on a warrant related to this case for the following charges: • Donec pretium, nunc elementum fermentum pellentesque, lectus; • Enim pretium lectus, sed porttitor metus mi at odio; • Aenean et scelerisque nibh. Ut quis purus scelerisque; • Quisque lacinia tempor metus, in tincidunt neque tincidunt non. Suspendisse tincidunt eleifend sem; • Donec pretium, nunc elementum fermentum pellentesque, lectus; • Enim pretium lectus, sed porttitor metus mi at odio; • Aenean et scelerisque nibh. Ut quis purus scelerisque; • Quisque lacinia tempor metus, in tincidunt neque tincidunt non. Suspendisse tincidunt eleifend sem;
POLICE DEPARTMENT TYPE MARK
CITY OF WESTFIELD POLICE DEPARTMENT 17535 DARTOWN ROAD / WESTFIELD, INDIANA 46074 / 317.804.3200 / WESTFIELD.IN.GOV
This type mark may be used to represent the Westfield Police Department in casual applications. Examples include apparel and car identification.
14
WESTFIELD POLICE DEPARTMENT LOGO & BRAND IDENTITY GUIDELINES
CITY OF WESTFIELD LOGO & BRAND IDENTITY GUIDELINES
15
LOGO DON’TS THESE RULES APPLY TO ALL WESTFIELD BRAND LOGOS
EVENT IDENTITIES
Although every effort should be made to maintain the City of Westfield’s core brand guidelines, exceptions may be made for specific events which require their own individual identities. Here are
DO NOT - Rearrange the elements of the logo DO NOT - Squish or squash the logo
a number of examples of existing identities in use for a variety of events and programs in the City of Westfield. While each event
City of
Westfield Indiana DO NOT - Rotate the logo in any way
DO NOT - Move the “thistle” to another position in the logo
DO NOT - Add any additional copy to the logo
16
should be considered on a caseby-case basis, it is recommended that event identities incorporate elements of the brand guidelines outlined in this publication.
DO NOT - Change the typefaces in the logo
DO NOT - Alter any color in the logo
DO NOT - Alter the “thistle” in any way
LOGO DON’TS LOGO & BRAND IDENTITY GUIDELINES
EVENT IDENTITIES LOGO & BRAND IDENTITY GUIDELINES
17
CITY OF WESTFIELD PRINTED COLLATERAL
A business card, letterhead,
Letterhead and No. 10 enve-
and No. 10 envelope are the
lope are shown at a reduced
core communication materials
size while the business card is
in most identity systems.
shown at actual size. All pieces should print using official
The City of Westfield letterJanuary 25, 2017
head suite puts strong emphasis on the brand. The logo is prominently placed on each
Example Company 4321 Maple Lane Indianapolis, IN 46206
piece. The clean layout allows
Dear Example,
for effective communication
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum, nisl eget tempor dictum, mauris
and presentation of essential contact information. These materials should be offset printed on premium, heavy weight paper stocks to reinforce a message of quality and efficiency. Letterhead formats are available for the City of Westfield, Grand Park,
color palettes
PMS 2925
mi mattis turpis, quis rutrum est sapien at mi. Proin vestibulum augue vel imperdiet dictum. Mauris sed eros vel justo tincidunt varius vitae sed elit. Aliquam in justo accumsan, dapibus velit in, feugiat odio. Curabitur ac purus nec eros venenatis eleifend sit amet eu justo. Proin quis tortor vitae quam ultricies rhoncus lobortis at nisi. Suspendisse aliquam venenatis tempor. Ut ut magna ut odio sagittis sollicitudin. Sed auctor libero nec enim venenatis venenatis. Nullam euismod lacus vitae mattis euismod. Maecenas sollicitudin, tortor quis dapibus sollicitudin, sem nunc malesuada dui, tristique finibus sapien metus id tortor.
PMS 376 CITY OF WESTFIELD / 2728 EAST 171ST STREET / WESTFIELD, INDIANA
Cras malesuada, libero eu sodales cursus, leo nibh egestas elit, ac aliquam eros ex sit amet odio. Cras non consectetur ipsum. Nullam interdum sagittis molestie. Vestibulum viverra mauris risus, sed lacinia leo vulputate facilisis. Quisque elementum at odio in ullamcorper. Aliquam erat volutpat. Sed sed pellentesque lacus, et hendrerit risus. Mauris eu blandit eros, ut commodo felis. Etiam mauris odio, vel lacus vitae, venenatis blandit turpis. Mauris dignissim tellus eu felis aliquam nec lobortis. Proin vel accumsan justo. Vivamus in arcu urna. Quisque ut commodo orci, et vulputate enim. Fusce scelerisque, eros quis consequat scelerisque, metus odio tincidunt justo, vitae faucibus eros nulla ut velit. Quisque venenatis nibh sit amet felis bibendum gravida. Mauris mattis mattis nulla, ut faucibus lorem mattis eget. Duis et dui a augue maximus laoreet in eget tellus. In in a tellus placerat ut quis ex.
46074
PMS 7694
Sincerely,
Police Department, and the Fire Department. Example Name Title
SUGGESTED TYPEFACES FOR CORRESPONDENCE
TRADE GOTHIC FAMILY
CITY OF WESTFIELD / 2728 EAST 171ST STREET / WESTFIELD, INDIANA OFFICE
3 1 7 . 8 0 4 . 3 0 0 4 / FA X
46074
317.804.3190 / WESTFIELD.IN.GOV
ERIN MURPHY / Communications Director emurphy@westfield.in.gov DIRECT 317.804.3004 / CELL 317.617.8524
MINION FAMILY HELVETICA FAMILY
CITY OF WESTFIELD 2728 E. 171st Street Westfield, Indiana 46074
ARIAL FAMILY
westfield.in.gov
HOME OF
18
CITY OF WESTFIELD PRINTED COLLATERAL
CITY OF WESTFIELD PRINTED COLLATERAL
19
CITY OF WESTFIELD EVENT COLLATERAL
White or a light color from
Use a 1 color variation of
the palette is appropriate here.
sponsor logo here.
Individual events for the City
COLOR VARIATIONS PRESENTED BY
of Westfield require promotional materials that adhere to the city’s core brand guide-
DATE / LOCATION
SPONSOR
INFO HERE
LOGO HERE
The Westfield color palette provides a significant number of color combinations. Below are some suggested, but not all, color pairings. BACKGROUND
INNER CIRCLE
lines. The following pages illustrate each specific need:
PMS 144
PMS 7406
PMS 2925
PMS 7406
PMS 376
PMS 7406
PMS 7694
PMS 7406
PMS 371
PMS 390
PMS 518
PMS 390
PMS 469
PMS 144
a template with instructions along with an example. No information is to extend outside the parameters shown in these templates. While each event
EVENT LOGO / TITLING OVERLAYS CIRCLE USE BEST JUDGMENT
may require unique consider-
DETERMINING PLACEMENT
ations it is recommended that
OF EVENT LOGO
these guidelines be adhered to as closely as possible.
The background color is one of the core brand colors (see page 05) at 100%.
EVENT DESCRIPTION, LISTINGS AND / OR WEBSITE INFO HERE
A detail of the “thistle” overlays the background at 90% of the same core brand color.
FLYER
The City of Westfield logo should always appear in this
8.5” w x 11” h are the measurements for any
spot at this size.
flyer promoting events in Westfield. PMS 484
20
CITY OF WESTFIELD EVENT COLLATERAL
PMS 144
CITY OF WESTFIELD EVENT COLLATERAL
21
PRESENTED BY
DATE / LOCATION
TIME / LOCATION
SPONSOR
INFO HERE
LOGO HERE Use a 1 color variation of
INFO HERE
sponsor logo here.
EVENT LOGO / TITLING OVERLAYS CIRCLE USE BEST JUDGMENT
The background color is one
DETERMINING PLACEMENT
EVENT DESCRIPTION, LISTINGS
OF EVENT LOGO
AND WEBSITE INFO HERE
EVENT LOGO / TITLING
of the core brand colors
OVERLAYS CIRCLE
(see page 05) at 100%.
USE BEST JUDGMENT DETERMINING PLACEMENT
PRESENTED BY
the palette is appropriate here.
OF EVENT LOGO
SPONSOR
A detail of the “thistle” over-
White or a light color from
LOGO HERE
lays the background at 90% of the same core brand color.
The background color is one White or a light color from
Use a 1 color variation of
The City of Westfield logo
of the core brand colors
the palette is appropriate here.
sponsor logo here.
should always appear in this
(see page 05) at 100%.
spot at this size. A detail of the “thistle” overlays the background at 90% of the same core brand color.
DATE / MONTHS HERE
The City of Westfield logo should always appear in this spot at this size.
BANNER 60” w x 36” h are the measurements for a banner promoting events in Westfield.
LIGHT POLE BANNER 30” w x 42” h are the measurements for a light pole banner promoting events in Westfield.
22
CITY OF WESTFIELD EVENT COLLATERAL
CITY OF WESTFIELD EVENT COLLATERAL
23
CITY OF WESTFIELD ELECTRONIC COLLATERAL
These headers are used for electronic communications like newsletters and press releases. The headers shown here represent a few departments, but others could be designed to coordinate with this look.
Opposite: The photos shown here and in the introduction represent a small sampling of the City of Westfield’s photo archive. These images were chosen as representative of the tone and quality that images should possess in all printed and electronic communication.
24
CITY OF WESTFIELD ELECTRONIC COLLATERAL