Brand Guidelines Manual

Brand Style Guide Table of Contents Strobe Inc

Brand Overview
Primary Logo
Pr|mary |ogo: |ayout Spec|fcat|ons
Primary Logo: Usage
Secondary Logo Treatments
Secondary |ogo: Oo|or Spec|fcat|ons
Incorrect Logo Usage
Color Palette
Typography
Brand Applications
1
3
4
5
7
8
9
11
14
16
1
Hi there.
ln th|s gu|de you`|| fnd the ru|es for usage of the Strobe v|sua| |dent|ty system
signatures, color pallette, typography, and applications. This guide is provided to
help us build, grow, and maintain the Strobe brand.
Brand Style Guide Brand Overview Strobe Inc
Building our brand
A brand means more than just a |ogo. lt s|gn|fes who we are and
what sets us apart in the crowd. Building our brand is getting
people to believe Strobe is the obvious choice. To do that we need
everything that says Strobe websites, speech, whatever to be
consistent in delivery and meaning.
Tools to build and grow
These gu|de||nes and assets are the bu||d|ng b|ocks for creat|ng
commun|cat|ons. They are essent|a| to our success. Each of us
shares responsibility in upholding brand standards and promoting
what we stand for.
2 Primary Logo
3
Primary Logo
The pr|mary |ogo (shown to the r|ght} shou|d be used for
most brand app||cat|ons. ln fu|| co|or |t |s most represen-
tat|ona| of the |ogo brand. The |ogo |s made up of two
elements: the Strobe symbol and the Strobe wordmark.
When used together these components are always placed in
a fxed re|at|onsh|p and shou|d never be a|tered, mod|fed or
reproduced in any way.
A proport|ona| measur|ng system has been deve|oped for
a consistent layout use across all Strobe brand assets. The
system |s based on 'x" (the stroke we|ght of type |n the word-
mark}. The symbo| |s 8x |n he|ght and w|dth. The spac|ng
between the symbo| and wordmark |s a w|dth of 2x.
Brand Style Guide Primary Logo Strobe Inc
8x
x
x 2x
.5x
Logo with indicated layout spacing
4
Minimum clear space
To ensure its integrity and visibility, the Strobe logo should
be kept c|ear of compet|ng text, |mages and graph|cs.
lt must be surrounded by a m|n|mum space equa| to 3x
(the stroke w|dth of the type |n the wordmark}.
Minimum size
For legibiliy and readability the logo should not be dis-
p|ayed on screen sma||er than 16px ta|| (pr|nted equ|va-
lent is 16 points).
Brand Style Guide Primary Logo Strobe Inc
Logo with indicated clear space
3x
3x
x
5
Primary logo usage
When applied to any asset the primary logo must appear
on top of e|ther a pure wh|te background or a back-
ground co|ored w|th the des|gnated cream from the
offc|a| co|or pa|ette.
In any situation that requires a non-white background,
p|ease refer to the secondary |ogo treatments |n the next
section. These provide a reversed monochromatic color
scheme for versat|||ty.
3x
3x
Brand Style Guide Primary Logo Strobe Inc
Logo applied to pure white background
Logo applied to indicated cream background
6 Secondary Logos
7 Brand Style Guide Secondary Logos Strobe Inc
Secondary logo treatments
The secondary logo treatments should be used when the
logo must be placed on a non-white or cream background.
Beyond the designated secondary logo treatments the logo
shou|d not appear on top of any other co|or.
The background co|ors come from each co|or used |n the
primary logo symbol. The symbol is reversed out to pure
white and the wordmark color uses the lightest designated
t|nt of the correspond|ng background co|or.
8 Brand Style Guide Secondary Logos Strobe Inc
Blue Background
#00AEEF
r0 g174 b239
c100 m0 y0 k0
Red Background
=E91O24
r233 g28 b36
c0 m100 y100 k1
Green Background
#A5C73E
r165 g199 b62
c41 m4 y97 k0
Magenta Background
#EC008C
r236 g0 b140
c0 m100 y0 k0
Yellow Background
#FBAD18
r251 g173 b24
c0 m36 y100 k0
Indigo Background
=293790
r41 g55 b144
c100 m95 y3 k1
Orange Background
=EE6323
r238 g99 b35
c1 m76 y100 k0
Gray Background
#545354
r84 g83 b84
c64 m57 y55 k32
Wordmark Tint
#C7EAFB
r199 g234 b251
c20 m0 y0 k0
Wordmark Tint
#FCCAB5
r252 g202 b181
c0 m24 y25 k0
Wordmark Tint
#EAEFD5
r234 g239 b213
c8 m1 y19 k0
Wordmark Tint
=F9O9DE
r249 g201 b222
c0 m26 y0 k0
Wordmark Tint
#FFECCD
r255 g236 b205
c0 m7 y20 k0
Wordmark Tint
#C8C6E0
r200 g198 b224
c20 m19 y1 k0
Wordmark Tint
#FDCEB0
r253 g206 b176
c0 m22 y29 k0
Wordmark Tint
#CECCCC
r206 g204 b204
c13 m11 y11 k6
Note symbol in all secondary logos is pure white
9 Brand Style Guide Logo Usage Strobe Inc
Incorrect logo usage
Consistency in our identity system will make things like brand
recognition and communication alot easier to accomplish.
This page illustrates common errors in logo usage.
To make it easy just use the provided logo artwork and be
carefu| not to make any changes or a|terat|ons |n usage.
Dont substitute fonts
Dont alter the logo mark
Dont apply gradients
Dont apply the primary logo to a color other
than white or designated cream
Dont apply the secondary logos to
IHJRNYV\UKZ^P[OPUZ\MJPLU[JVU[YHZ[
or patterns that inhibit legibility
Dont outline the logo type
Dont alter the proportions
Dont apply drop shadows
Dont warp the signature
Dont use undesignated colors
10 Color Palette
11 Brand Style Guide Color Palette Strobe Inc
Strobe color palette
The co|or pa|ette conta|ns 9 hues w|th correspond|ng t|nts for
fex|b||ty and accom|dat|on of asset needs. The co|ors repre-
sent the pr|mary co|ors of the ||ght spectrum, when comb|ned
produce pure white light.
The co|or des|gnat|ons |nc|ude hexadec|ma|, rgb, and cmyk
equ|va|ents. Pantone va|ues are g|ven for the 9 hues. When
reproduc|ng co|ors p|ease refer to the des|gnated va|ues.
Don`t try to match from th|s document, as spec|fc render|ngs
may not provide true color.
#C7EAFB
r199 g234 b251
c20 m0 y0 k0
#EAEFD5
r234 g239 b213
c8 m1 y19 k0
#FFECCD
r255 g236 b205
c0 m7 y20 k0
Blue
#00AEEF
r0 g174 b239
c100 m0 y0 k0
pms Process Cyan
Green
#A5C73E
r165 g199 b62
c41 m4 y97 k0
pms 376
Yellow
#FBAD18
r251 g173 b24
c0 m36 y100 k0
pantone 137
#8ED8F8
r142 g216 b248
c40 m0 y0 k0
#D8E4AE
r216 g228 b174
c16 m1 y39 k0
=FFDBA2
r255 g219 b162
c0 m14 y40 k0
#44C8F5
r68 g200 b245
c60 m0 y0 k0
=O7D98A
r199 g217 b138
c24 m2 y58 k0
#FECB7A
r254 g203 b122
c0 m22 y60 k0
=00B9F2
r0 g185 b242
c80 m0 y0 k0
#B6CF64
r182 g207 b100
c33 m3 y77 k0
#FDBC4D
r253 g188 b77
c0 m29 y80 k0
12 Brand Style Guide Color Palette Strobe Inc
#FDCEB0
r253 g206 b176
c0 m22 y29 k0
#C8C6E0
r200 g198 b224
c20 m19 y1 k0
#FCCAB5
r252 g202 b181
c0 m24 y25 k0
#CECCCC
r206 g204 b204
c13 m11 y11 k6
=F9O9DE
r249 g201 b222
c0 m26 y0 k0
Orange
=EE6323
r238 g99 b35
c1 m76 y100 k0
pms 179
Indigo
=293790
r41 g55 b144
c100 m95 y3 k1
pantone 2735
Red
=E91O24
r233 g28 b36
c0 m100 y100 k1
pms 1797
Gray
#545354
r84 g83 b84
c64 m57 y55 k32
pms Process B|ack 82%
Magenta
#EC008C
r236 g0 b140
c0 m100 y0 k0
pms Process Magenta
Cream
=F9F7EB
r249 g247 b235
c2 m1 y7 k0
=F9BO96
r249 g188 b150
c1 m30 y40 k0
=9A97O7
r154 g151 b199
c40 m38 y1 k0
=F7A98E
r247 g169 b142
c0 m40 y40 k0
#AAA6A6
r170 g166 b166
c26 m23 y22 k13
#F6ADCD
r246 g173 b205
c0 m40 y0 k0
=F59D6D
r245 g157 b109
c1 m46 y60 k0
#7473B1
r116 g115 b177
c60 m57 y2 k1
=F28264
r242 g130 b100
c0 m60 y60 k1
=898586
r137 g133 b134
c38 m34 y33 k19
=F287B7
r242 g135 b183
c0 m60 y0 k0
=F28145
r242 g129 b69
c1 m61 y80 k0
=50549F
r80 g84 b159
c80 m76 y2 k1
=EE593F
r238 g89 b63
c0 m80 y80 k1
#6D6A6B
r109 g106 b107
c51 m46 y44 k26
#EF5BA1
r239 g91 b161
c0 m80 y0 k0
13
Aa
Typography
14 Brand Style Guide Typography Strobe Inc
Typography
The typography cons|sts of three fonts be|ong|ng to the
He|vet|ca Neue typeface. On|y these fonts shou|d be used
for a|| text |n commun|cat|on mater|a|s. Oomm|tment to these
fonts w||| create a cons|stent and strong |dent|ty.
Helvetica Neue Bold
abcdefghijklmnopqrstuvwxyz 01234567890
(.,;:?!$&-*@) [] {}
Helvetica Neue Medium
abcdefghijklmnopqrstuvwxyz 01234567890
(.,;:?!$&-*@) [] {}
Helvetica Neue Light
abcdefgh|jk|mnopqrstuvwxyz 01234567890
(.,;:?!$&-*@) [] {}
15
Separator Page Needed
Applications
16 Brand Style Guide Brand Applications Strobe Inc
Brand Applications
The Strobe brand identity will become alive and vivid on the
mediums we use to communicate. This includes stationery,
signage, marketing materials, and other media. Correct and
cons|stent usage w||| determ|ne a successfu| |dent|ty.
This section provides sample layouts that illustrate the
com|ng together of a|| the bu||d|ng b|ocks |nto a d|st|nct asset
of the Strobe brand.
Business card example
17 2011 Strobe lnc. A|| r|ghts reserved. made by doejo