EnerBlĂź 2018 Brand Manual
Welcome
03 04
Introduction
06
Tagline
Visual Identity
08
Business Papers
52 52
Letter Head
54
Envelope
56
Business Cards
08
eMark
12
Wordmark
16
Head Logo
20
Primary Logo
58
PPT Template
24
Secondary Logo
60
e-mail Signature
35
eLTO™
36
ePowerProducts™
37
eTransport™
38
eGridServices™
39
ePWRSTAQ™
40
AESU™
41
Go Systems™
44
28
Electronic Applications
Unaccepted Uses
Colors
28
Primary
30
Secondary
32
Palette
33
Gradient
32
58
Typography
46
Primary
48
Secondary
Table of Contents
2
Evoke the spark of EnerBlü EnerBlü elevates thinking green by introducing thinking Blü. We believe now is the time for a global revolution that strives to provide wholesome solutions to everyday human applications and keep our skies blue. It’s time to enter the era of Blü. These guidelines provide a key towards the establishment and upkeep of our brand prestige. Please pursue proper and diligent execution of the following rules and instructions laid out in the following EnerBlü visual design guide - applied to all forms of media - to guarantee consistency of the EnerBlü brand through its accelerated growth and perpetual forward-thinking. The use of this brand manual is intended for everyone involved in the making of EnerBlü communications. Strict observances of those rules and instructions guarantee persuasive brand messaging paired with consistent identification. Study these guidelines to familiarize yourself with the EnerBlü branding implementation. The design principles have been carefully calculated in cohesion with universal semantics. Our world awaits you.
3
Introduction
4
EnerBlü EnerBlü powers technology for the new energy world. EnerBlü is devoted to making sustainable energy more affordable and reliable – passionate towards powering a resourceful and clean future. We’re changing the way people think about environmental conservation. We redefine logistics in transportation of product and more imporantly - you and I.
EnerBlü Blü is perpetual forward-thinking for the innovative solutions of tomorrow. Blü is how we define our message and not to be confused with messag-ing.
EnerBlü Power Groups
Power Groups are the individual divisons of EnerBlü that work together in creating new capabilites that impact key industries in tomorrows world.
5
Tag Line
Forever Power
6
Font: Raleway ExtraLight Tracking: 60
Our tagline “Forever Power” embodies the underlying motif for forward-thinking and innovative solutions. The period is always left out resulting with an open-ended statement that extends the limitless possibilities of Forever Power and further more - EnerBlü. Tagline is used with our wordmark (12) and also seen in our head logo (18). Tracking is always set to 60 to better space each letter and appear weightless - allowing the tagline to float underneath our wordmark, creating contrast between positive and negative space and ultimately offering a comfortable presentation of the brand message.
7
eMark
Pantone® 3005 U Pantone® 115 U
8
eMark is more than a logo or icon. eMark is a visual que that symbolizes thinking Blü. Blü thought is for innovate solutions that stand proactive towards an industry revolution. eMark welcomes you to the energy of Blü - solutions of tomorrow. Depicted in the shape is 2 electrons traveling in circular motions on perpendicular planes. After their path’s cross – the interaction between forces creates a sphere-like shape where the electrons begin harnessing power. Described is an act similar to Power Groups or any given number of individuals uniting for a cause. The overall shape was crafted so it could read as a lower-case e and convey progression.
The eMark is used in EnerBlü’s Head Logo, Primary Logo, and Secondary Logo. The eMark is used as an individual element minimally [paired with a wordmark in a given logo option offers a stronger impact and better recognition]. Those times could include merchandising, apparel, stamps, EnerBlü App Icon, and in layouts where out wordmark is in-line with headline text.
w
Clear Space
w
Width = Width x 1.618 Height = Height x 1.618 x 1.618 h
h
Clear Space
eMark use in Power Groups
Pantone ® 115 U is altered to Pantone® 433 C
*Only when representing EnerBlü in the Power Groups. *The eMark segment seen left is used in the wordmark of each Power Group division. It resembles the core energy creating the whole.
9
Background Colors Plus on White
Pantone® 656 C
Pantone® 433 C
10
PantoneÂŽ 5463 C
11
Wordmark
Full
Fully Dressed
12
Our wordmark - beyond mere text - the most common visual element in the brand experience and is therefor the most vital extension of our identity. Raleway was chosen as a font that could personify a rather digital user experience. The friendly sans serif has bold, humanistic and welcoming qualities that accentuate the brand. It can stand alone or be paired with our tagline. See page 17 for “in-line” use with page headers. A wordmark can be used on images but should not obstruct content. Our Fully Dressed wordmark is a stand alone element and used in the light of public relations. Blü is highlighted blue to emphasize the brand message meaning this variation would never be used when doing any type of promotion.
Clear Space (all sides) = height of E
h
h
Just as you would never type EnerBlü with a lower case B –The U mit Trema (ü) plays a vital role in EnerBlü branding and recognition. Learn how to type below: Mac Typeface
Hold Alt + press u then Release Alt + press u
EnerBlü: Raleway Bold Forever Power: Raleway ExtraLight (60 tracking)
Windows
Font Size Differation
Alt + 0252
[Font size of EnerBlü] ÷ 1.618 ÷ 1.618 = [Font size of Forever Power] Leading Distance x = Height of F ÷ 1.1
x
{ F
13
Color Combinations
1
2
3
4
5
6
7
8
EnerBlĂź Power Groups
14
1) Pantone® 433 C on Pantone® 3005 U • Never would occur with a Tagline 2) White on Pantone® 3005 U • Can be used without Tagline • Without the Tagline this variation can be used in Power Group(s) material 3) Pantone® 433 C on Pantone® 115 U • Only variation with altered Tagline” • With or without altered tagline - this variation can be used only in Power Group(s) material (and never reads “Forever Power”) 4) White on Pantone® 115 U • Never seen in Power Group material • Never has Tagline 5) Pantone® 656 C on Pantone® 433 C • Can be used without Tagline • Without Tagline - can be used in Power Group(s) material 6) Pantone® 433 C on Pantone® 656 C • Can be used without Tagline •Without Tagline - can be used in Power Group(s) material 7) White on Pantone® 5463 U • Never used with Tagline 8) Pantone® 656 C on Pantone® 638 U • Never used with Tagline
15
Color Combinations | Fully Dressed
Blü: Pantone® 3005 U On Dark Our dark color background options are Pantone® 433 C and Pantone® 5463 U Remaining text is Pantone® 656 C White Backgroud Remaining text is Pantone® 433 C
16
Black and White *Not used in marketing material
In-Line Use
Evoke the spark of EnerBlü
Headlines only. EnerBlü is always in Raleway Bold while remaining headline is Raleway ExtraLight.
Whenever our wordmark may be used “In-line” with a header - that page/spread/layout/design would never use a Primary, Secondary or Head logo. Your only option would be use the eMark as a stand-alone element.
Headlines only. EnerBlü is always in Raleway Bold while remaining headline is Raleway ExtraLight.
Whenever our wordmark may be used “In-line” with a header - that page/spread/layout/design would never use a Primary, Secondary or Head logo. Your only option would be use the eMark as a stand-alone element.
17
Head Logo
PantoneÂŽ 433 C on white
18
Think of our Head Logo as the Big Picture. By joining all iconic visual components - eMark, Wordmark, and Tagline - we’re able to see the brand at it’s most complete. Use of the head logo should parallel an opening presentation or first impression. With an exception of the business cards – our head logo is a stand alone element primarily used for banners, murals, video introductions, and so forth.
F
F
Spacing of the Components F Height = distance between eMark and EnerBlü. eMark, EnerBlü and Tag all align on horizontal centers.
Absolute Minimum Height 1.28” x Width 1.39”
Clear Space Margins Left & Right Measure top of E to top of F ÷ 1.618 = Clear Space Margins Top & Bottom Measure top of E to bottom of F ÷ 1.618 = ÷ 1.618
19
Color Combinations | EnerBlü
Pantone® 433 C on Pantone® 656 C
Pantone® 656 C on Pantone® 433 C
20
| EnerBl端 Power Groups
EnerBl端 Power Groups
Pantone速 433 C on Pantone速 115 U
Head logo to umbrella the Power Groups Altered Tagline Type
Power Groups: Raleway Medium Tracking: 60
21
Primary Logo
22
The Primary Logo is commonly used as a header or at the top of layouts. Generally, try to think larger spaces.
The horizontal distance in line weight of E becomes the distance between eMark and EnerBlü (marked in red). To achieve the appropriate size ratio between wordmark and eMark - proportionally scale eMark to be the height of E (distance from dotted lines). Next multiply height and width of eMark by 1.618. eMark and EnerBlü then align on vertical centers.
Absolute Minimum Height 0.3192” x Width 1.5”
Clear Space Margin Top & Bottom = Height of E measured from top and bottom of E Clear Space Margins Left & Right
E
= width of eMark w
23
Color Combinations
Pantone速 433 C on Pantone速 656 C
Pantone速 656 C on Pantone速 433 C
24
* Never to be used with Power Group(s) material
Pantone速 656 C on Pantone速 5463 C
Pantone速 656 C on Pantone速 638 C
25
Secondary Logo
26
eMark and EnerBlü Spacing
The Secondary Logo is commonly used as a Footer or at the bottom of layouts. Think smaller spaces the secondary logo is not to be considered a focal point.
Same as Head Logo
Absolute Minimum Height 0.7691” x Width 0.75”
Clear Space Left, Right & Top height and width of logo x 1.618 = Clear Space Bottom Height
h1
h1 = h2 [height of eMark starting from bottom of eMark] h2
27
EnerBlü
28
* Never to be used in Power Group(s) Material
29
Primary Colors
PantoneÂŽ 3005 U L 46.86
a -9.48
b -47.83
H 259
L 47
C 49
C 100 sR 259 Hex # 0077C0
30
M 38
Y 0 G 47
K 25 B 49
Primary colors are what make up our eMark and carry the essence of EnerBlü. Used in conjunction their vibrancy and contrast formulates eye-catching brand recognition, making proper use imperative. Primary colors have different roles when used in EnerBlü material versus EnerBlü Power Groups’.
EnerBlü Pantone® 3005 U: 70% Pantone® 115 U: 30% EnerBlü Power Groups Pantone® 3005 U: 30% Pantone® 115 U: 70%
Pantone® 115 U L 86.95
a 13.18
b 80.34
H 81
L 87
C 81
C 0 sR 255
M 19
Y 82 G 207
K 0 B 45 Hex # FFCF2D
31
Secondary Colors
Pantone® 433 C L 14.26
a -1.87
b -6.39
L 90.37
a -1.2
b -5.14
H 254
L 14
C 7
H 257
L 90
C 5
C 36 sR 29
M 18
Y 0 G 37
Hex # 1D252D
32
Pantone® 656 C
K 82 B 45
C 7 sR 221
M 4
Y 0 G 228
Hex # DDE4ED
K 7 B 237
EnerBlü
Secondary colors are used with primary colors and white. Black should be used for body copy and in times of dire need - otherwise avoided. Pantone® 443 C and 5463 U are EnerBlü’s dark colors and should be thought of as black. Pantone® 656 C and 638 U are more purified and can be thought of as white alternatives.
Pantone® 443 C: 35% Pantone® 656 C: 40% Pantone® 638 U: 10% Pantone® 5463 U: 15% EnerBlü Power Groups Pantone® 443 C: 20% Pantone® 656 C: 10% Pantone® 638 U: 55% Pantone® 5463 U: 15%
Pantone® 638 U
Pantone® 5463 U
L 14.26
a -1.87
b -6.39
L 31.92
a -4.75
b -7.14
H 254
L 14
C 7
H 236
L 32
C 9
C 36 sR 29
M 18
Y 0 G 37
Hex # 1FB6E0
K 82 B 45
C 28 sR 62
M 9
Y 0 G 78
K 66 B 86
Hex # 3E4E56
33
Palette
Color Use in EnerBlü Primary Colors: 15% Secondary Colors: 85% Primary colors are used to draw the eye in – Buttons, Icons, decor elements. Due to their use in the eMark their use as background colors becomes obsolete.
Color Use in EnerBlü Power Groups Primary Colors: 60% Secondary Colors: 40% Power Groups are the embodiment of EnerBlü and therefor visualized with a higher saturation of our primary colors. That isn’t to say however, you can’t still use white.
34
Gradients
Sky | White to Pantone 638 U
Steel | White to Pantone 5463 U
Gradients are liner only. No radial gradients.
35
EnerBlü Power Groups
Only EnerBlü logos that can be used in conjunction with EnerBlü Power Group are: • EnerBlü Power Groups Head Logo • eMark Power Group Variation • EnerBlü Wordmark [no tagline nor Fully Dressed version]
36
eLTOâ„¢
37
ePowerProductsâ„¢
38
eTransportâ„¢
39
eGridServicesâ„¢
40
ePWRSTAQâ„¢
41
eAESUâ„¢
42
Go Systemâ„¢
43
Color Combinations
eMark segment is never used on Pantone® 115 U background. eMark segment never used “in line” with text.
44
™ Sizing & Spacing
™ uses Raleway Medium [Font size of Power Group Division] ÷ 1.618 ÷ 1.618 ÷ 1.618 = [Font size of ™] then Baseline shift up to align top edge
45
Unaccepted Use
DO NOT • Use a stroke border • Obstruct clear space • Crop • Change any colors • Squash or stretch proportions • Scale logos below absolute minimums • Rotate • Move around logo elements • Wrongly pair logos • Use in anyway that was not instructed
46
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec magna consequat, blandit nisi in, elementum justo. Curabitur eget fringilla est.
EnerBlĂź Power Groups
47
Primary Font
Our Primary Font choices derive from the Raleway typeface - four fonts used only for headers and call-to-action. The fonts are Raleway Heavy, Bold, Medium and ExtraLight. Raleway does have a larger typeface family but we only use these 4. This set was chosen for the dynamic range in line weight and ability to create contrast. Raleway Heavy is never used in EnerBlü’s material – instead, only used in material relating to the Power Groups(s).
Raleway Heavy Raleway Bold Raleway Medium Raleway ExtraLight
48
A Closer Look
1234567890AB CDEFGHIJKLM N O PQ R STUVWX VZabcdefghijk lmnopqrstuvwx yzœ∑鮆¥üîøπ åß∂ƒ©∆˚¬Ω≈ç√ ñµ≤≥/\~!?#$% ^&*()[]{}+-– Raleway Medium – 672 Glyphs
49
Secondary Font
Our choice of Secondary Fonts is the Crimson typeface. This set of fonts is used for body copy, captions, statistics, paragraphs, bullet points and anywhere heavily saturated with text. 6 fonts - regular and italic at 3 different weights - give you plenty of styling options. This very traditional serif offers a highly professional look.
Crimson Bold Crimson Bold Italic Crimson SemiBold Crimson SemiBold Italic Crimson Regular Crimson Italic
50
A Closer Look
1234567890ABCD EFGHIJKLMNOP QRSTUVWXVZab cdefghijklmnopq rstuvwxyzœ∑鮆 ¥üîøπåß∂©∆¬Ω≈ ç√ñµ≤≥/\~!?#$%^ &*()[]{}+-– Crimson Regular – 1,427 Glyphs
51
Letterheads
Corporate Identity (front)
52
Public Relations & Human Resources (back)
Power Groups
53
Business Envelope
7490 Jurupa Ave. Riverside CA
54
Business Card
55
Power Point Template
EnerBlĂź
Power Groups
1.
1.
The New Energy World
Looking at Results
2.
2.
3.
3.
56
Imagery.
What we’re presenting will dictate which pages to work from. EnerBlü and the Power Groups would use slightly different pages. Depending on the presentation, EnerBlü pages and Power Group pages could be combined into a single presentation. Pages 1 are our title pages and can contain logos. They allow the presentation to be broken up into sections and offer a good buffer, making the overall presentation easier to digest. Pages 2 and 3 are your content pages. Content pages may use images, graphs or charts. When we want heavy empahsis on a photo we use the imagery slides. Imagery slides can contain captions. We would only ever use one Opening Slide per presentation. Again, depending on what we’re presenting and who we’re presenting to, can dictate which opening slide to use.
Opening Slides.
57
e-mail Signature
First LastName Full Title Mobile. (999) 999-9999 Direct. (999) 999-9999 Ext 999 1 (833) ENERBLU flast@enerblu.energy
58
59