22
1 Brand Guidelines

Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

1

Brand Guidelines

Page 2: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Brand Overview Brand Mantra

About Bandwagon

Brand Values

Brand Tone

Table of Contents

Logo Standard Mark

Color Use Cases

Logo Sizing

Logo Spacing

Unacceptable Modifications

Graphic Identity Moodboard

Color

Typography

Graphic Styles

Photography Photo Overview

Greyscale Recipe

02 07 13 19

02

Page 3: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

EXPERIENCE BETTER

Reshaping how fans experience live events worldwide

03

Tagline + Mission

Page 4: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

There is nothing like a live event. The once-in-a-lifetime, can you believe that

just happened, I’ll never forget this feeling keeps us connected and loyal to the

experiences we love. As technology quickly advances, live events struggle to

keep up with fan demands for unique, personalized moments.

Fan-identity data is being collected but not connected. Venues know little or

nothing about actual attendees. Premier service at the event isn’t scalable and is

only for the elite. Experiences are limited to their venue capacities. This does not

have to be the reality. Opportunities abound, and Bandwagon is stepping up to

focus on and provide the solutions for all involved.

Revitalizing a tired infrastructure takes vision, superior technology, and a

passion for world class, live events that won’t quit. Learn more about us, and

you’ll clearly see:

We’re all fans here.

We create revolutionary technology solutions for the live events industry that prioritize and empower fans to have the time of their lives regardless of their seat.

04

Hey

Page 5: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

COMMUNIT Y

CONFIDENCE

TRANSPARENCY

EXPERIENCE

TRAILBL AZING

COLL ABORATION

Brand Values

05

Page 6: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Brand Tone

We use thoughtful,

approachable language to

reiterate our fandom and

humanity. We reiterate and

showcase that we are fans

first to articulate our deep

understanding and passion

for the live events industry.

We have a deeply connected

interest in maximizing

opportunities and

experiences across all live

events, and that shows in

our communications.

Our technology is best-in-

class and fans the world

over should know and use

it. Bandwagon speaks

confidently about our fan-

focused solutions with

clear, easy-to-digest

explanations of what makes

our products unique and

how we revolutionize the

live-events industry.

Real fans run Bandwagon.

Our thought-leadership and

ideas as fans fuel our work.

We come from a place of deep

knowledge and care about

the future of the live events

industry. We see the problems

first-hand and are building

the right solutions to connect

the dots benefitting all live

events stakeholders—from

the stadium owner to the

attendee in the nosebleeds

and everyone in between.

Sociable Assured Authentic

06

Page 7: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

7

Logo01

07

Page 8: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Standard Marks

Logo

The Bandwagon icon combines the shape of a flag or banner, with the shape of a capital letter “B”. It is titled forward to indicate forward momentum– indicating forward momentum. This flag is small enough to be a hand-held, centering the fan at the heart of the brand.

The full logo combines the icon with “Bandwagon” set in Futura Condensed Bold. There is custom kerning applied to this mark, so the logo should never be substituted with a typed-out stand-in.

08

Icon

Full Logo

Page 9: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

There are three color variations of the Aura logo: Orange, black, and white. There should always be sufficient contrast against the background when choosing the correct color mark to use.

The full logo does not appear in any flat color other than black or white (never orange).

Color Use Cases

Logo

09

Page 10: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

24px

145px

To maintain the integrity of the color and shape, there are minimum widths that should be adhered to when displaying the logo on screens or mobile devices. Each logo variation has it’s own minimum width requirement:

Minimum Size

Logo

10

Actual Pixel size

Actual Pixel size

Icon

Full Logo

Page 11: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

When including the full logo or Bandwagon icon in a layout or thumbnail, adequate spacing should be allotted to all sides.

The space is technically measured by drawing a square around the perimeter of the icon, and adding 25% of the square’s width to the outside padding.

No other elements shall pass through this space, or if the logo is situated on top of a photo, no detailed subject shall appear behind it within these boundaries.

Spacing

Logo

11

Icon

Full Logo

Page 12: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Bandwagon acts as a parent, or authoring brand for a suite of products, or sub-brands. As such, the Bandwagon logo maybe be used in combination with its sub brand logos to show relationship and hierarchy.

This system is subject to evolve as more sub brands are added to Bandwagon’s repertoire. Currently, the shown logo combinations should be used when displaying the two logos together. Showing Bandwagon to the right of Aura, or any other product, establishes it as the author of said product.

The spacing should be consistent. With the full logos, it is measured by replicating the exact width of the Bandwagon logo on either side of the hairline. When showing logos, that width is divided in half.

Logo as Authoring Brand

LogoFull Logo

Icons

Authored Product

12

Page 13: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Filling in the entire logo with one color. Even in orange, the bandwagon icon should be distinct from the word mark except in the instances of a black or white mark.

Separating the icon from the word. Showing the word without the icon.

Rotating any part or whole of the logo.

Adding any affect such as a drop-shadow.

NO

NO

NO

NO

NO

No modifications may be made to the logo without explicit permission from the brand director. The following are several common stylizations that should be avoided when using the logo in a design:

Avoid These!

Logo

13

Stacking the logo.

NO

Page 14: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

14

02

Graphic Identity

14

Page 15: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Moodboard

Graphic Identity

15

Page 16: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Orange 2 #FF7A33 0/58/78/0

Primary Orange #FF5800 0/69/89/0

The new color palette is an evolution for the legacy Bandwagon color palette. It uses a vibrant orange as the signature color, used in both typography and large color areas.

The orange is offset by several key colors: white, off-white, the primary grey, and blue. They grey scales are used in the photography as well as the design. The blue is the exact opposite color on the color wheel, which makes for a perfect compliment when designing links, CTA’s, etc.

Color Palette

Graphic Identity

Orange 4 #FFD5BF 2/17/17/0

Orange 3 #FF9B66 0/44/56/0

Primary Grey #221F1F 77/76/69/62

Black #101010 0/0/0/100

Grey 3 #C0C0C0 23/17/14/0

Grey 2 #929292 43/35/32/1

Blue #00A6FF 57/25/0/0

Primary Off-white #F3F0E7 4/3/6/0

Light Blue #99DDFF 34/4/0/0Primary Color

16

Page 17: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

FUTURA BOLD COND.

Source Sans

Source Sans SemiBold

Source Sans Bold

1 2 3 4 5 6 7 8 9 0

The primary typeface used here is Source Sans. It is used both large and small. This typeface was chosen because of it’s easy availability, and ability to succeed in both web and print design.

The logo’s typeface Futura Condensed Bold is also used for some headers and numbers. This is meant to be used as an accent or highlight, as to not overshadow the logo in any one design.

In some cases, an underline can be applied to add emphasis or establish hierarchy.

Headers

Headers

Number Styles

Body Text

Typography

Graphic Identity

17

Source Sans BoldHighlighted Text

FUTURA BOLD COND.Highlighted Header

Page 18: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Graphically, the brand should aspire to balance a professional and casual tone. Larger, clean shapes can be used with one another to create unique layouts, but should be kept clean and easily read.

Some devices can be used to establish a graphic voice:

Graphic Styles

Graphic Identity

18COLOR FLOOD COLOR ON B+W IMAGERY PLAY WITH FLAT SHAPES

Reshaping how fans experience live events worldwide.

Page 19: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

19

Photography01

19

Page 20: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

Photography plays an important role of translating the brand’s core vision of empowering unforgettable, lifelong moments.

In any presentation, the photography should be balanced with a bold graphic palette– so that there is generally a 50/50 split between graphics and photos.

Photo Guidelines

Photography

Photo characteristics:

ACTIVE SOCIAL CANDID CONFIDENT ICONIC

2020

Page 21: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

The black and white photography should feel iconic, and should compliment the white and orange backgrounds.

The black and white photography is very specific. For consistency, photos should be rendered in grey scale using the same method.

Greyscale Recipe

Photography

21

When adding graphics on top of black and white photography, a 45% black overlay can be used for contrast.

Page 22: Brand Guidelines · Real fans run Bandwagon. Our thought-leadership and ideas as fans fuel our work. We come from a place of deep knowledge and care about the future of the live events

22

Thanks!