Beckley, WV - Brand Guidelines

01

F E B RUA RY,

BRAND GUIDE V ER S I ON

2024

B E C K L E Y, W V

INT ROD U C T I O N This style guide has been developed to ensure consistent use of the Beckley 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

3

A Scalable Identity System

Emblem

Primary Lockup

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.

Icon-Only

Combination Mark

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.

4

ICON

A LT E R N AT E C O L O R

WHITE

The Beckley 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.

5

VERTIC AL PRIMARY LOCKUP

A LT E R N AT E C O L O R

WHITE

The primary lockup identifies Beckley 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.

6

H O R I Z O N TA L P R I M A R Y LOCKUP The primary lockup identifies Beckley 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.

A LT E R N AT E COLOR

WHITE

7

BADGE

A LT E R N AT E C O L O R

WHITE

When something iconic is desired, the Beckley 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.

8

EMBLEM

A LT E R N AT E C O L O R

WHITE

For a more compact and versatile representation of the Beckley brand, the emblem condenses the lockup into a single, memorable symbol that can be easily recognized across various applications.

Stickers, magnets, and pins can all prominently feature the emblem making it easy for a passerby to recognize the brand.

9

C O M B I N AT I O N M A R K

A LT E R N AT E C O L O R

WHITE

The combination mark is an alternative to the primary that can be used in situations where little vertical space is available, but the horizontal lockup is not necessary.

This mark is a versatile option that can most effectively be used on print materials such as stationery and business cards.

10

C O M B I N AT I O N TA G L I N E

A LT E R N AT E C O L O R

WHITE

The combination tagline is an additional element that can be used in situations where the Beckley name is clearly implied.

This mark is a versatile option that can most effectively be used on print materials such as stationery and business cards.

11

H O R I Z O N TA L TA G L I N E

A LT E R N AT E COLOR

When there’s not much vertical space, the horizontal tagline can be used in place of the primary combination tagline.

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.

WHITE

12

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

13

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.

14

Background Control

Our logo works very well on a plain white background.

Never use the logo on 100% black background. Use an 85% tint of black instead. Only use the all white logo if you are using a background color other than Beckley Blue.

The Beckley Blue 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.

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.

15

Placement O N T H E PA G E 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.

Specific stationery layouts are provided in the Brand Collateral section of this document.

PREFERRED

ALTERNATE OPTIONS

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

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

16

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.

17

Placement ONLINE On the Beckley 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.

18

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.

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

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.

19

COLORS & FONTS CONSISTENCY TO THE “T”

20

BECKLEY BLUE

BRASS

GLINT

HEX - #05374A

HEX - #E6A942

HEX - #F0E6C6

CMYK - 97, 70, 49, 44

CMYK - 9, 35, 86, 0

CMYK - 6, 7, 24, 0

RGB - 5, 55, 74

RGB - 230, 169, 66

RGB - 240, 230, 198

PANTONE - 548 C

PANTONE - 143 C

PANTONE - 7506 C

PRIMARY BR AND COLORS

PREFERRED 2-COLOR PA I R I N G S

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.

21

BECKLEY BLUE

PRIMARY BECKLEY BR AND COLORS These colors are used the most when designing Beckley’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.

BRASS

GLINT

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

40%

30%

30%

22

USING TINTS We prefer our brand colors used without editing, but some situations require the use of color tints, especially on the web. For example, when a user hovers over a button on our web site, using a tint change can help confirm their action.

If necessary, use a 20% tint step system, keeping legibility in mind. Any tint below 60% used as a background will require dark text.

100%

100%

100%

80%

80%

80%

60%

60%

60%

40%

40%

40%

20%

20%

20%

23

A P P R O V E D PA I R I N G S 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.

Basecamp

Basecamp

Basecamp

Basecamp

White text and icon on a blue background.

Blue text and icon on a glint background.

Brass text and icon on a blue background.

White text and icon on a brass background.

Perfect for use in print, and web.

Great contrast and legibility.

Slightly lower contrast, but excellent legibility.

Demands attention.

Use brass backgrounds sparingly.

Basecamp

Basecamp

Blue text and icon on white.

Blue text, brass icon on white.

Classic combination and great contrast, without use of black.

The pop of brass draws attention and visual interest.

24

AKTIV GROTESK PREHEADER

AKTIV GROTESK PREHEADER

YOUR BASECAMP FOR ADVENTURE

YOUR BASECAMP FOR ADVENTURE

BODY COPY: Aktiv 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 estiate et laut

BODY COPY: Aktiv 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 estiate et laut

25

ICONS & PATTERNS T H E L I T T L E T H I N G S M AT T E R

26

PAT T E R N S The Beckley 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”

28

STICKERS & CAP

29

STREETWEAR

30

WEB & SOCIAL

31

STATIONERY

32

POSTCARD

33

VISITOR GUIDE

34

DIGITAL ADS

35

DOWNTOWN BANNERS

36

DBDPL ANNING .COM