Page 1

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

EnerBlü | 2018 Brand Manual  

This was a commissioned logo design and branding project for a startup that is reshaping the world of transportation and new energy. They wa...

EnerBlü | 2018 Brand Manual  

This was a commissioned logo design and branding project for a startup that is reshaping the world of transportation and new energy. They wa...

Advertisement