Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
1
Brand Guidelines
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
EXPERIENCE BETTER
Reshaping how fans experience live events worldwide
03
Tagline + Mission
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
COMMUNIT Y
CONFIDENCE
TRANSPARENCY
EXPERIENCE
TRAILBL AZING
COLL ABORATION
Brand Values
05
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
7
Logo01
07
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
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
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
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
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
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
14
02
Graphic Identity
14
Moodboard
Graphic Identity
15
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
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
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.
19
Photography01
19
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
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.
22
Thanks!