Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand...
Transcript of Brand Values Break Down Logo Co ... - Aerohive NetworksAerohive Networks Brand Guidelines Brand...
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
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
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
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
- 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
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
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
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
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