Concord Downtown - Brand Guidelines

Page 1


b R a ND GUIDE

INTRODUCTION

This style guide has been developed to ensure consistent use of the Downtown Concord brand. Please follow the instructions provided. The value of our brand and the investment made toward it can most readily be realized through consistency and repetition, thereby ensuring brand saturation across all target markets.

BRAND LOGO

THE HEART AND SOUL OF OUR BRAND

A Scalable Identity System

Trying to fit the same mark simultaneously on a billboard and on the bottom of a camp mug is a challenge. Our identity system is designed for flexibility, consistency, and brand recognition.

We have provided different logo lockups that should cover every space imaginable. Instead of trying to fit a logo into a space that is too small or crowded, simply use a different version for maximum visual impact and clarity.

When using the icon-only mark, ensure that our brand name is visible near or in relationship with the icon. For example, a camp mug bearing the icon design on the inside of the cup should have a hang tag or box which displays our brand name legibly. This will help reinforce our brand recognition across multiple touchpoints.

Icon-Only
Primary Lockup
Horizontal Lockup Emblem

ICON

The Downtown Concord brand icon is the visually distinctive and instantly recognizable symbol that serves as a powerful and memorable representation in the minds of viewers.

This mark is the most widely usable piece of the brand, seen on clothing, stationery, phone cases, stickers, tote bags, websites, social media, and much more.

ALTERNATE COLOR

WHITE

PRIMARY LOCKUP

The primary lockup identifies Downtown Concord as a whole to the public. Use this logo to represent individual locations, products, and merchandise as needed.

This logo is a carefully created piece of locked artwork that should not be altered in any way.

ALTERNATE COLOR

WHITE

HORIZONTAL LOCKUP

When something iconic is desired, the Downtown Concord badge can be used in place of a full logo lockup.

For example, a t-shirt bearing the badge on the front should have a hang tag which displays our brand name legibly. This will help reinforce brand recognition.

ALTERNATE COLOR
WHITE

HORIZONTAL BADGE

This mark is a badge variant of the horizontal lockup. This badge has no distressed version, as its primary use is for tourism merchandising.

This mark is a versatile options that can most effectively be embroidered directly on to clothing or sewn on to hats as a patch.

ALTERNATE COLOR
WHITE

ALTERNATE COLOR COMPASS BADGES

For a more compact and versatile representation of the Downtown Concord brand, the compass badges condense the brand into a single, memorable symbol that can be easily recognized across various applications.

Stickers, magnets, and pins can all prominently feature one of the various compass badges.

WHITE
Primary Compass
Secondary Compass

HARMONY ON UNION BADGE

An additional element for use when the Downtown Concord brand has already been established, this badge can be used as a “tag” of sorts to build a more cohesive brand environment.

An example of use for this would be an event banner or an even tent bearing the horizontal tagline. This will help reinforce brand recognition while allowing space in larger formats.

ALTERNATE COLOR

WHITE

CONCORD SCRIPT BADGE

An additional element for use when the Downtown Concord brand has already been established, this badge can be used as a “tag” of sorts to build a more cohesive brand environment.

An example of use for this would be an event banner or an even tent bearing the horizontal tagline. This will help reinforce brand recognition while allowing space in larger formats.

ALTERNATE COLOR

WHITE

HASHTAG

These marks are an additional element that can be used in campaigns and other media in which the focus is to attract tourist to Downtown Concord.

There are multiple options provided in order to fit multiple formats, giving the option of two badge shapes.

ALTERNATE COLOR

WHITE

Making a Solid Brand

In some cases, solid variants of the lockups will be necessary. Prime examples would be embroidery or scenarios in which lockups are used in smaller formats where the distressed elements would not be visible.

Icon-Only Primary Lockup
Horizontal Lockup
Primary Compass Badge
Secondary Compass Badge
Harmony on Union Badge
Concord Script Badge Hashtag

USAGE

HOW TO USE (AND NOT USE) OUR NEW BRAND IDENTITY

Incorrect Usage

Don’t rotate the logo. Don’t distort, compress or stretch the logo dimensions. Don’t change the layout or relationship between logo elements.

Don’t make alterations to elements within the logo or wordmark that are not consistent with the brand.

Don’t use gradients in or on the logo. Don’t use shadows, bevels or other effects on the logo.

Background Control

Our logo works very well on a plain white background.

The Downtown Concord Navy is a great background color for the logo. If you are using one of the patterns, make sure there is proper transparency so that the logo stands out.

Never use the logo on 100% black background. Use an 85% tint of black instead.

Be careful placing the logo over a photo. Make sure you have a blue transparent layer on top of the photo if at all possible. Use the full color or white versions of the logo.

Placement

ON THE PAGE

Place the logo left-aligned on the primary grid line. If this space is not available, the logo belongs in the top or bottom left page corners.

PREFERRED

Align the logo to the primary grid line (referred to as the spine). The primary lockup looks best when left-aligned.

ALTERNATE OPTIONS

Align the primary lockup to the left corners. If the layout dictates a centered or right-aligned mark, use the icon or vertical lockup.

Placement

ON MERCHANDISE

Branded merchandise like t-shirts, hats, and camp mugs should all follow a leftaligned logo placement if possible.

If possible, look for unique and uncommon imprint areas to utilize. Areas like t-shirt sleeves are rarely used and can make a striking visual statement.

Each piece of merchandise will carry unique limitations. Use the images on the right as general guidance.

APPAREL

Left align the logo when possible. Use the icon for centering, or if brand subtlety is desired.

Placement

ONLINE

On the Downtown Concord website, the logo will be placed in the upper left-hand corner of the navigation bar.

Do not center the logo in navigation, even on small screens.

FAVICON

Our favicon—a 32px x 32px icon that is displayed in the browser next to the url—is the only other approved usage of our icon in solid form.

DEVICE ICON

If our website is saved as a bookmark on the home screen of some mobile devices, this graphic will be displayed. Default size is 192px x 192px.

Placement

SOCIAL MEDIA

When used as social media avatars, the icon-only logo should be used with the right amount of clear space on all sides.

We have developed an approved avatar image found here on this page. It’s approved for both circular and square avatars shapes of all sizes.

While the layout of this avatar should not be altered in any way, approved secondary brand colors may used to address special events, holidays, and seasonal changes.

ICON AVATAR

Preferred avatar for use on all platforms. All approved color combinations may be used.

COLORS & FONTS

CONSISTENCY TO THE “T”

PRIMARY BRAND COLORS

The consistent use of color is vital to effective brand recognition.

Our brand should always be represented in one of the colors on this page, aside from specific recommendations within this guide.

Do not use any other/ unauthorized colors.

NAVY

WHITE

DIGITAL

HEX - #2C3547

RGB - 44, 53, 71

PRINT

PANTONE - 7546 C

CMYK - 85, 72, 48, 44

CARDINAL

DIGITAL

HEX - #DC4F48

RGB - 220, 79, 72

- 7417 C

- 0, 90, 78, 0 2 3

TAN

DIGITAL

HEX - #FFFFFF

RGB - 255, 255, 255

DIGITAL

HEX - #E4D1AD

RGB - 228, 209, 173

- 468 C

- 9, 16, 36, 0

PRIMARY CONCORD

BRAND COLORS

These colors are used the most when designing Downtown Concord’s print and digital collateral. They are a key part of the brand identity and play an integral role in maintaining the consistency of the brand.

Recommended guideline for the presence of each color that you will use when implementing your brand identity.

NAVY

CARDINAL

WHITE

APPROVED PAIRINGS

Nearly all of the colors within our primary palette can be used in combination. Whenever possible, strive for legibility with contrast, especially when setting typography.

Harmony Harmony Harmony

Tan text, Red icon, Tan star on a Navy background.

Perfect for use in print, and web.

White text, icon, and star on a Cardinal background.

Demands attention. Use Cardinal backgrounds sparingly.

Navy text, Red icon, Navy star on a white background.

Classic combination and great contrast, without use of black.

In cases where the Concord name is used outside of a brand lockup, alternate color is reccomended to be used to identity the state within the copy.

Refer to the example below, or the Hashtag Lockup for reference

DOWNTOWN CO NC ORD

h OC h ST a DT - ROUNDED

ha RMONY ON UNION

header: hochstadt Rounded

SUBHEADER: URW DIN - BOLD

exerite modistrum aborrov ideruntius ipsamus

reictatibus, sus, corpori beriore prae laborehenda

et od etur aut magnatur molupti di occullabo. Us si

oditatem etur sundant pores et quam rem ipit odicit

quodit aut ma voluptaquam uga. Cusanis ex experro bis

ese nectis Obit unt, utatqui aerspientia doluptatus

h OC h ST a DT - ROUNDED

ha RMONY ON UNION

Header: Hochstadt Rounded

SUBHEADER: URW DIN - BOLD

BODY COPY: URW DIN Medium doloraest fugiam

exerite modistrum aborrov ideruntius ipsamus

reictatibus, sus, corpori beriore prae laborehenda et od etur aut magnatur molupti di occullabo. Us si

oditatem etur sundant pores et quam rem ipit odicit

quodit aut ma voluptaquam uga. Cusanis ex experro bis ese nectis Obit unt, utatqui aerspientia doluptatus

PATTERNS

THE LITTLE THINGS MATTER

PATTERNS

The Concord patterns can be used as an additional brand design element. This pattern is designed to be tone-on-tone, meaning the colors should be used together as shown on this page.

IMPLEMENTATION

VIEWING THE BRAND “IN THE WILD”

STICKERS & CAP

STREETWEAR

STATIONERY

DOWNTOWN BANNERS

WATER TOWER

SOCIAL DISTRICT

SOCIAL DISTRICT

DOWNTOWN WAYFINDING

DOWNTOWN GATEWAY

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.