9
2016 Aerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming Logo Break Down Logo Color Combos Punctuation & Formatting

Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

  • Upload
    leanh

  • View
    217

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

2016

Aerohive Networks

Brand Guidelines

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Fon

t Fam

ilies

File N

am

ing

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

sPu

nc

tua

tion

&Fo

rma

tting

Page 2: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

Brand Values

Transformative. Elegant. Approachable. Optimistic.We hope to be recognized not just for what we do, but also for how we work.

TransformativeWe welcome big challenges and big ideas. The bigger the better. The kinds of ideas that transformhow people and organizations work, learn, and collaborate.Not just industry leading – game changing.

ElegantWe strive for simplicity and thoughtful sophistication.All the power without the complexity in our products, in our business, in everything we do.

ApproachableWe seek to be the company customers turn to when they need help. Our technology is intuitiveand easy to work with, and our people are as respected as our products.

OptimisticWe see opportunities where others see obstacles.We believe our work has the potential to make each of our customers better at what they do – and by extension, to make things better for everyone.

It is critical to be aware of your brand experience and have aplan to create the brand experience that you want to have…a good brand doesn't just happen…it is a well thought outand strategic plan.

1http://www.strategynewmedia.com/why-is-branding-important

- Jason Wilson Senior Director User Experience Design at Yahoo

Brand ValuesC

o-b

ran

din

gC

olo

r Pale

tteFo

nt Fa

milie

sFile

Na

min

gLo

go

Brea

k Do

wn

Log

oC

olo

r Co

mb

os

Pun

ctu

atio

n &

Form

attin

g

Page 3: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

Logo Break Down

2

A consistent and approachable use of our corporate identity is critical to establish awareness and visibility into Aerohive’s vision, mission, and position. This can easily be accomplished by using the logo correctly.

Our Vision - Pervasive mobile access will fuel a revolution, transforming how we work and how data works for us.

Our Mission - Enable our customers to simply and confidently connect to the information, insights, and applications they need to thrive.

Position - Mobility without limitations.

Logotype

Bug

Signature

Our Signature is the graphic device that we use to identify ourselves so consistency is key. Our logo is what holds our Aerohive vision and is what customers see first. It is the face of our company.

A consistent spacing around the logo will always give you a clean and elegant look and feel to our logo. A simple way to have correct spacing around the logo is to use the height of one of the hexagons in the “bug” of the set sized logo.For example, the logo to the left is set at 2.2928” wide and 0.865” tall. One hexagon in the “bug” for this size logo is 0.2052” tall. Therefore the spacing around the logo should be set at .2052”.

The “bug”, or the three hexagons, of our logo cannot be taken out of the signature. Using the “bug” as a design element or changing the color is also not approved. The only time the “bug” can be used is in place of the logo if the location is smaller then .25” or 18 pixels and needs to be approved.

Spacing around the logo

Logo break down

The only time the logo can be used without the “NETWORKS” of the logotype is when printing the logo on a promotional item and the space for the print is to small for the word “NETWORKS” to be printed clearly. When this happens you must get approval from the Marketing Graphic Design team at Aerohive Netowrks.

Double check that you are using the correct logo. Make sure that the logo you are using has the registration mark (®) and not the trademark sign (™). The trademark is to show that we are claiming this to be ours without it being registered to the government. This still allows the public to use our logo and the likeness of our logo. By using the logo with the registration mark shows that we have registered our logo with the government and have the right and better protection on our logo.

Logo for promotional items only

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Fon

t Fam

ilies

File N

am

ing

Logo Break Down

Log

oC

olo

r Co

mb

os

Pun

ctu

atio

n &

Form

attin

g

Page 4: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

http://primepay.com/blog/co-branding-3-benefits-marketing-strategy

- PrimePay Business and Experts Blog

With new products and services hitting the shelves at a rapidpace in todays market, it is crucial for any brand to highlightits unique selling point and increase lead generation. An efficient and effective approach to accomplish this is the idea of co-branding.

Notice the spacing between the logos and the gray line are the same. Both set to the height of the hexagons in the set logo.

The height of the partner logo never is higher then the height of Aerohive’s logo.

Never change the color of the line that splits the logos. The logos are always to be spaced correctly and set by each other. Do not split the logos up. We want to showcase that we work closely with our partners .

Spacing around the logos break down

Co-Branding

3

Aerohive often times works with outside companies and partners that help drive programs, sales, and promtes our products. When co-branding under Aerohive guidelines we want to show that we are able to work with other big companies that have already established trust in the technology world.

Let’s take co-branding with Dell under Aerohive’s brand guidelines as an example. The spacing around the logo is still the same as before. See page 2 for spacing around the logo.

Once the size of Aerohive’s logo is established, add a line set on the edge of the right side spacing. This line should be set at 1pt thick and in Aerohive’s gray. See page 5 for color palette. The line should also have capped ends.

When adding the partner’s logo, use the spacing as you did for Aerohive. The partner’s logo, no matter what shape, should never be higher then the top of the hexagons.

Co-Branding

Bran

d V

alu

es

Co-branding

Co

lor Pa

lette

Fon

t Fam

ilies

File N

am

ing

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

sPu

nc

tua

tion

&Fo

rma

tting

Page 5: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

- Northstar Marketing

Consistency is a crucial step towards brand success

Logo Color Combos

4

Our logo is the face of Aerohive Networks. The more people see it the more they will relate our company easily to our products. Keeping our logo consistent with spacing, the layout, the usage, and even the color combos are a huge part of creating a trustworthy brand.

Color break down

Approved color combos

Background colors

On light backgrounds

Full color Solid Aerohive Gray Solid Aerohive Black Solid Aerohive Yellow

On dark backgrounds

White with YellowReverse Full color logo

Solid Aerohive Gray

Solid Aerohive Yellow Solid White

Aerohive’s logo is consisted of three colors. The word “Aerohive” and registration mark is set at black, the word “NETWORKS” is set at 50% gray, and the “bug” is set at our yellow CMYK: 7,33,98,0

Any background color that the logo falls on must allow the logo to be easily readable and seen. Solid colors with no competing patterns are ideal to use for backgrounds. The logo must always be in the approved color combos.

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Fon

t Fam

ilies

File N

am

ing

Log

oBre

ak D

ow

n

Logo Color Combos

Pun

ctu

atio

n &

Form

attin

g

Page 6: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

Color Palette

5

Colors have the power to change human emotions, control awareness, and the way people see things. Each color has it own role it plays when it comes to the human eye. For example the color yellow by itself can trigger the left side of the human brain which helps with creativity, it inspires people, and can send joy. It is also a color that is processed quickly which makes it easy to see to the human eye. The use of Aerohive’s color palette is a large part of designing and creating a consistent look and feel across all designs.

These Primary Colors for Aerohive are the same colors that are used in the logo.

PMS U is pantone solid uncoated. This should only be used for printing on matte or non-gloss items.

PMS C is pantone solid coated. This should only be giving to vendors when printing on gloss paper.

CMYK is broken down into Cyan, Magenta, Yellow, and Black. Documents should be set up in CMYK if they are being printed on paper and through a laser or ink jet printer. RGB is broken down into Red, Green, and Blue. This is often used for computer and tv screens. These three colors break down into little dots and are spaced certain ways to create the colors you see on your screen. HEX code is for HTML designing, often used by web designers. This is the code that each color has for designers to use when designing in HTML based products.

Primary Colors

Secondary Colors

Aerohive YellowCMYK: 7,33,98,0RGB: 236,174,36HEX: #ECAE24PMS U: 7406UPMS C:7409C

Aerohive BlackCMYK: 75,68,67,90RGB: 0,0,0HEX: #000000

Dark YellowCMYK: 0,26,100,32RGB: 183,140,8HEX: #B78C08

Dark BlueCMYK: 90,56,25,5RGB: 29,103,145HEX: 1D6791

Dark GreenCMYK: 71,30,98,15RGB: 83,126,59HEX:#537E3B

Dark OrangeCMYK: 27,67,100,16RGB: 164,93,38HEX: #A45D26

Dark RedCMYK: 20,97,94,11RGB: 182,40,42HEX: #B6282A

Aerohive BlackCMYK: 75,68,67,90RGB: 0,0,0HEX: #000000

Aerohive YellowCMYK: 7,33,98,0RGB: 236,174,36HEX: #ECAE24

Aerohive BlueCMYK: 73,30,0,0RGB: 54,148,209HEX: #3694D1

Aerohive GreenCMYK: 47,2,89,0RGB: 148,197,81HEX: #94C551

Aerohive OrangeCMYK: 0,47,96,0RGB: 248,153,37HEX: #F89925

Aerohive RedCMYK: 12,96,89,2RGB: 209,46,50HEX: #D12E32

Aerohive GrayCMYK: 0,0,0,50RGB: 147,149,152HEX: #939598

Light YellowCMYK: 0,4,30,0RGB: 255,240,189HEX: #FFF0BD

Light BlueCMYK: 20,1,3,0RGB: 201,235,242HEX: #C9E8F2

Light GreenCMYK: 13,0,15,0RGB: 221,238,221HEX: #DDEEDD

Light OrangeCMYK: 0,12,19,0RGB: 254,226,202HEX: #FEE2CA

Light RedCMYK: 2,38,21,0 RGB: 242,173,173HEX: #F2ADAD

Light GrayCMYK: 0,0,0,15RGB: 220,221,222HEX: #DCDDDE

Aerohive GrayCMYK: 0,0,0,50RGB: 147,149,152 HEX: #939598

Bran

d V

alu

es

Co

-bra

nd

ing

Color Palette

Fon

t Fam

ilies

File N

am

ing

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

sPu

nc

tua

tion

&Fo

rma

tting

Page 7: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

Font Families

6

Another key to a powerful brand is the typography. Fonts have the power to enhance meaning of words. It can give a certain feel and look to a company. When choosing a font to represent your brand it is important to understand the look, feel and personality of each font. It is important to have a font that is easy to read and matches your company’s value and personality.

Century Gothic

Roboto - Website Font Only

Century Gothic RegularAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

! " # $ % & ' ( ) * + ? @ • ® © ™

Roboto RegularAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

Roboto BoldAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

Roboto ItalicAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

Roboto Bold ItalicAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

This font is to be used for all printed materal. No other fonts should be used with or in place of Century Gothic. The default size should be set at 11pt but can always be changed in order to accommodate the amount of content.

Century Gothic is a San-serif typeface that was created in 1991 and inspired by the font Furtura. With its single story lowercase fonts and the high x-hieght makes it a readable font, even at very small print. With Century Gothic’s no contrasting letters and geometeric letters creates a clean look, but is also elegant enough for the world of technology.

Roboto is used for the website and HTML coding. The HTML font family is as follows:

Roboto thinRoboto thin italicRoboto lightRoboto light italicRoboto regularRoboto boldRoboto italicRoboto lightRoboto bold italicRoboto mediumRoboto medium italic

Century Gothic BoldAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

Century Gothic ItalicAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

! " # $ % & ' ( ) * + ? @ • ® © ™

Century Gothic Bold ItalicAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz0 1 2 3 4 5 6 7 8 9! " # $ % & ' ( ) * + ? @ • ® © ™

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Font Families

File N

am

ing

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

sPu

nc

tua

tion

&Fo

rma

tting

Page 8: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

Punctuation and Formatting

7

The colors, fonts, and the use of the logo are all important to a company’s brand. However, we cannot forget about the style we use for certain words and the punctuation. A consistent look for the style of words help take the brand to a new level. The goal is to make it look as if there is one person who is designing everything for the company, yet it is the work of a whole team.

Style guide

For the products and applications at Aerohive there are no spaces in the names of any of the products. The spacing after certain words and the capitalization of words are very important to the way Aerohive brands their products and applications

Access Points: AP130AP230AP370AP390AP1130AP122 AP141 AP330 AP350 AP250

Key Words:

Branch Routers:BR100BR200VPN Gateway

Applications:APIGuest AccessID ManagerHiveSchoolHiveManager NG Public Cloud HiveManager NG Virtual Appliance HiveManager Classic Online HiveManager Classic On-Premises Personal Device Access TeacherViewStudentManagerAerohive Developer Portal

Switches:SR2024PSR2124PSR2148PSR2208PSR2224PSR2324PSR2348P

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Fon

t Fam

ilies

File N

am

ing

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

s

Punctuation & Formatting

Oxford commas

In the spelling of our Access Points, Switches, and Branch Routers you will notice that thereare no spaces between the “AP” and the numbers. For the the Applications notice the capitalization for each of the names.

note hyphenation; don’t spell out, Wi-Fi doesn’t stand for a specific term

note capitalization; ensure ‘Aerohive’ is included

note capitalization; ensure ‘Aerohive’ is included

be sure to use a comma after the penultimate item in a list of three or more items, before ‘and’ or ‘or’ (e.g., an Italian painter, sculptor, and architect)

write out ‘premises,’ not on-prem or on-premise

no need to capitalize

note hyphenation

no need to capitalize ‘gigabit’ (e.g. ‘gigabit access point’); shortened as Gbps

abbreviation for Small Office/Home Office shortens to SOHO; note capitalization, do not write ‘SoHo’

note capitalization; do not write ‘Connected Experience Platfrom,’ term does not refer to a platform; when written after ‘the’ capitalize ‘the’ using regular sentence capitalization

Wi-Fi

Aerohive Cloud Services

Aerohive Cloud Services Platform

Connected Experience

on-premises

cloud networking

SOHO

gigabit (Gbps)

controller-less

Page 9: Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand Values Co-branding Color Palette Font Families File Naming ... “NETWORKS” of the

File Naming

8

File naming

Examples

Some examples of file types

Aerohive_type of file_name-of-the-file_mmyy_D#-#

This is what kind of file type it is. If it is a datasheet, sellsheet, training, if it is internal use only, etc.

If you are naming a piece of collateral, lets take the AP230 data sheet, if you follow the format above it will look something like this: Aerohive_datasheet_AP230_1215_D2-3This would show that this file comes from Aerohive and is a datasheet, it is all about our AP230, it was last touched/updated in December of 2015, it is set in the second design layout, and is the third version of content.

The naming system will even work for images that are used for any project. Lets take an image found on iStock that is being used in a brochure. The file name would look something like this: Aerohive_image_retail-girl-holding-welcome-sign_1115_D1-1. Again this would show that this is an image that was being used for retail with a quick description of what it is used for, along with the date it was downloaded, and what version of the image it is.

What the content is related to.

Aerohive should always be the 1st word in the file naming system. This is what will be seen in the HTTP web address. This will indicate that it is a document that Aerohive supports.

datasheetataglancesolutionsummarywhitepaperssolutionbriefs

buyersguidebrochurefaqsonepagercasestudies

hotsheetfeaturematriximagebannerad

flyersinfographicletterheadpromotionsbattlecard

Always use the 2 digit month and 2 digit year to show the date this was last touched.

The “D” stands for design, the number that follows is which design layout is being used. The second number indicates which version of that layout is being presented. This will allow people to cross reference which version they have and if there were any changes to the content.

The way we name files are also important. The file name will give everyone the important information about that file. It will tell you what file it is, if it is the most current file being used, and which design/layout is being used. It will also help when looking up and searching collateral on the web. Naming and no spacing in the name of the files play a big part in the HTTP address.

Notice that there are no spaces being used. This is because the computer actually does not read spacing when looking or coding files. If there are spaces and it goes into code the computer will not read it correctly. The underscores and dashes replace the spacing in the file name.The underscores (_) are to break up the sections and the dashes (-) are to take place of the space between the words.

Bran

d V

alu

es

Co

-bra

nd

ing

Co

lor Pa

lette

Fon

t Fam

ilies

File Naming

Log

oBre

ak D

ow

nLo

go

Co

lor C

om

bo

sPu

nc

tua

tion

&Fo

rma

tting