brand essentials · 2019-06-21 · brand essentials · 31.01.19 · seite 03 table of contents. ·...

77
Version 1.3 • 31.01.2019 Brand Essentials

Upload: others

Post on 21-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 01

Version 1.3 • 31.01.2019

Brand Essentials

Page 2: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 02

“What‘s the use of a fine house if you haven‘t got a tolerable planet to put it on?”

Henry David Thoreau

Page 3: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · 31.01.19 · Seite 03

Table of Contents.· About this Brandbook 04

· Our Vision 05

· Logo 07

· Color 20

· Typography 25

· Iconography 33

· Illustration 38

· Imagery 42

· Copywriting 50

· Digital 52

· CI Implementation 63

Page 4: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 04

About this Brandbook.

In order to maintain and keep a coherent visual consistency and tone of voice across all the sonnen communication this visual guide was created. It explores the thoughts and motivations

that lay at the very heart of the sonnen brands D.N.A.

These thoughts and design solutions are deep routed at the brands very foundations. Use this guide to explore, work with and most of all to have fun with.

Page 5: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 05

Our Vision.

Our goal is a world in which everyone is able to cover his energy needs with decentralised and clean energy source. Everyone can connect with each other to share

energy where and when it‘s needed. This will emancipate our world from the dependence on fossil fuels and anonymous energy corporations.

Christoph Ostermann, CEO sonnen GmbH

Page 6: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 06

We are stepping out of a dark era, into a new, bright and friendly place.

Page 7: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 07

Logo.

The sonnen Logo is the brand ambassador. It is light, friendly, simple and forward thinking. It is distinctive and immediately recognisable.

Page 8: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 08

Vertical Logo. Full.

Vertical logo with claim. Vertical logo without claim.

Page 9: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 09

Vertical Logo. Minimum Spacing.Same spacing goes for the logo without claim.

1 x

1 x

1,5/8 x

1/8 x

1/2 x 1/2 x

X = width/hight of the full circle

Page 10: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 10

Vertical Logo. Minimum Size.

20 mm

Page 11: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 11

Vertical Logo. Don‘ts.

Pinching and stretching.

Noisy and unrelated backgrounds.

Changing the logo color. Not branded background colors. Don‘t animate the logo with other objects in any other way or use the

logo as an illustration part.

Rotating or reflecting the circle. Changing the typography. Applying any kind of effects.

Page 12: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 12

Horizontal Logo. Full.

Horizontal logo without claim. Horizontal logo with claim.

Page 13: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 13

Horizontal Logo. Minimum Spacing.Same spacing for logo without claim.

X = width/hight of the full circle

1 x

1 x

1 x

1 x

Page 14: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 14

Horizontal Logo. Minimum Size.Use the minimum size logo without the claim and consider the special safe area. Also, please use the specially designed minimum version of this logo.

5 mm

X = width/hight of the full circle

0,5 x

0,5 x1 x

1 x 1 x 1 x

Page 15: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 15

Vertical Logo. Don‘ts.

Pinching and stretching.

Noisy and unrelated backgrounds.

Changing the logo color. Not branded background colors.

Rotating or reflecting the circle. Changing the typography. Applying any kind of effects.

Page 16: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 16

Logo. Inverted.If using the inverted logo, please make sure to use 100 % white for all shapes andtypography. Using the minimum logo size can cause fuzzy edges and fringes.

Page 17: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 17

Logo. On Brand Color.You can use the logo on all brand colors.

Page 18: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 18

Logo. Animation.The logo animation is the static logo brought to life. It corresponds with all established brand values. It is simple, clean and premium looking. Use it in presentations, video intros and outros, on apps and tv screens.

The animated logo is also available including the specially composed corporate sound, use it when ever possible.

Page 19: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 19

Page 20: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 20

Color.

The sonnen brand world is rich, open, positive and calm. The sonnen color palette embraces this. It contrasts dark

premium colors with fresh, friendly shades.

Page 21: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 21

Color Palette. Primary.You can use the logo on all brand colors.

Silicium Blue

CMYK: 95 / 62 / 35 / 85

RGB: 24 / 26 / 39

HEX: #181A27

Pantone 5395

RAL 5004

Air White

CMYK: 0 / 0 / 0 / 0

RGB: 255 / 255 / 255

HEX: #FFFFFF

Clay Grey

CMYK: 30 / 27 / 35 / 11

RGB: 167 / 159 / 145

HEX: #A79F91

Pantone 402

RAL 7032

Page 22: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 22

Color Palette. Accent Color.Use these colors as accents, to promote or to emphasize certain information or to create attention. One accent color at a time.

Azzure Sky Blue

CMYK: 65 / 0 / 15 / 0

RGB: 76 / 207 / 239

HEX: #4CCFEF

Pantone 637 C

RAL 5015

Spark Red

CMYK: 0 / 86 / 63 / 0

RGB: 254 / 74 / 73

HEX: #FE4A49

Pantone 179

RAL 3028

Dandelion Yellow

CMYK: 0 / 15 / 82 / 0

RGB: 255 / 209 / 74

HEX: #FFD14A

Pantone 115C

RAL 1018

Grashopper Green

CMYK: 45 / 0 / 84 / 0

RGB: 161 / 211 / 67

HEX: #A1D343

Pantone 367C

RAL 6018

50% 25% 50% 25% 50% 25%50% 25%

Page 23: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 23

Color Palette. Tertiary.Primary used in digital applications.

Dark Grey

CMYK: 70 / 52 / 49 / 46

RGB: 66 / 76 / 80

HEX: #424B50

Pantone 445

RAL 7011

Grey

CMYK: 53 / 31 / 25 / 7

RGB: 130 / 152 / 168

HEX: #8398A9

Pantone 5425

RAL 7001

Light Grey

CMYK: 8 / 6 / 5 / 0

RGB: 237 / 237 / 239

HEX: #EDEDEF

Pantone 7541

RAL 9002

50% 25% 50% 25%50% 25%

Page 24: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 24

Page 25: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 25

Typography.

Typography projects everything that is at the core of the sonnen brand. Positivity, aspiration and confidence. It should always be open, wide and clear.

Page 26: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 26

Typography. Font.

ABC A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Brandon Text.

Page 27: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 27

Typography. Grid.We are talking in a soft, human fasion, this is why we only use mixed case.

Lorem ipsum dolor amet, consetetu.

Sadipscing elitr, sed diam nonumy eirmod.

Sadipscing elitr, sed diam nonumy eirmod tempor. invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Brandon Text light.

Brandon Text medium.

Brandon Text light.

Page 28: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 28

Typography. Paragraph.Alignment of typographic systems is paramount to keep a flowing and consistent visual language across all sonnen media.

Headlines, Sublines, Creative Copy and Articles.

Headlines, Sublines, Creative Copy and Articles.

Zusammen mit einer Photovoltaik-Anlage und einer sonnenBatterie decken Sie rund 75 Prozent Ihres jährlichen Bedarfs mit selbst erzeugtem, sauberem Strom ab. Das macht Sie unabhängig denn der größte Teil Ihres Stroms kommt vom eigenen Dach und nicht mehr von einem anonymen Großversorger.

Zusammen mit einer Photovoltaik-Anlage und einer sonnenBatterie decken Sie rund 75 Prozent Ihres jährlichen Bedarfs mit selbst

erzeugtem, sauberem Strom ab. Das macht Sie unabhängig denn der größte Teil Ihres Stroms kommt vom eigenen Dach und nicht mehr

von einem anonymen Großversorger.

Centered (used only rarely).Left aligned.

Page 29: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 29

Typography. Paragraph. Don‘ts.

Zusammen mit einer Photovoltaik-Anlage und einer sonnenBatterie decken Sie rund 75 Prozent Ihres jährlichen Bedarfs mit selbst erzeug-tem, sauberem Strom ab. Das macht Sie unabhängig denn der größte

Teil Ihres Stroms kommt vom eigenen Dach und nicht mehr von einem anonymen Großversorger.

Gelingt es unsere Energieversorgung innerhalb der nächsten zehn Jahre vom Klimagas-Ausstoß zu befreien, schützen wir nicht nur unsere

Umwelt, sondern auch unsere ökonomische und politische Freiheit. Dank neuer, digitaler Technologie vernetzen wir tausende Menschen,

die bereits Energie erzeugen und ermöglichen ihnen, ihre selbst erzeugte Energie – direkt und ohne Profit am erzeugten Strom – mit

anderen in ihrer Community zu teilen.

Zusammen mit einer Photovoltaik-Anlage und einer sonnenBatterie decken Sie

rund 75 Prozent Ihres jährlichen Bedarfs mit selbst erzeugtem, sauberem Strom ab.

Das macht Sie unabhängig denn der größte Teil Ihres Stroms

kommt vom eigenen Dach und nicht mehr von einem

anonymen Großversorger.

Gelingt es unsere Energieversorgung innerhalb der nächsten zehn Jahre …

Think about readability. Don‘t use right aligned text for long copy and always keep high contrast colors in mind.

Absolutely no kind of form set typography is allowed.

Page 30: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 30

Typography. Products.Branding a product by combining the logotype with a sonnen product.

sonnenBatteriesonnenHeatersonnenSmart-Plugs sonnenFlatsonnenCommunity

sonnenBatteriesonnenCommunity

Examples of actual sonnen products.Brandon Text light. Brandon Text light.

Page 31: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 31

Typography. Products. Don‘ts.

sonnenWebsite sonnen Website

Don‘t: Branding a random word. Respect the brand and the actual sonnen products and don‘t overdo it.

Do: No highlight for the sonnen word and proper word spacing.

Page 32: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 32

Page 33: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 33

Iconography.

Iconography is key when it comes to explaining or visualizing concepts or information. It should be as simple as possible, as complex as necessary.

Page 34: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 34

Iconography. Mixing Color and Shapes.You can mix icons to explain correlation or a flow. Sometimes it can even make sense to bring in some color.

Page 35: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 35

Iconography. Current Set 1.Here is an overview of some icons we currently use in our communication. Please consult with your leading designer when in need of further or modified iconography.

Page 36: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 36

Iconography. Current Set 2.Here is an overview of some icons we currently use in our communication. Please consult with your leading designer when in need of further or modified iconography.

Page 37: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 37

Page 38: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 38

Illustration.

Keep it simple. Sure, we are talking about high-tech, but we don‘t want to scare people. Illustration should be friendly, using whitespace and reduced color schemes.

Focus on the important information.

Page 39: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 39

Illustration. Examples.You can use icons and colors from the sonnen brand.

Page 40: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 40

Illustration. Examples.You can use icons and colors from the sonnen brand.

Page 41: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 41

Page 42: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 42

Imagery.

The sonnen imagery is friendly, light and naturally beautiful. It is allways bringing together technology,

nature and humanity, while being unintrusive. Authenticity is key.

Page 43: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 43

Imagery. Examples.We distinguish between three kind of imagery for the sonnen product and brand communication.

Inspiring. Artificial.Interior.

Page 44: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 44

Imagery. Inspiring.No matter if countryside, village or megacity, sonnen inpires people all over the globe. Beeing in touch with nature, acting responsible, sustainable, bringing people together to join a movement, lies at the very core of our brand. We belief in a great idea and we work hard for it. Everyone joining us, beliefs in the same idea. We are a community of proud, forward thinking people making the right descisions for their own and the following generations. Our inspiring imagery should reflect all that. Real people living in line with nature and technologie. Villages sticking together to maintain their beauty and develop their infrastructure. Even crowded cities follow our lead in to a bright, fair and sustainable future. When it comes to talking about our brand, this kind of imagery becomes your the weapon of choice.

Strong colors, positive atmosphere.

Real people, real setting, friendly and open perspective.

Combination of nature and housing in naturale lightning, bright, positiv.

Page 45: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 45

Imagery. Interior.This emotional type of imagery connects the product to life, people and enviroment. It gives context to a technical product and opens up perspective. It makes it a lot easier to tell stories and relate to the brand vision. When ever possible, the interior images should provide a view to the outer world or other aspects of nature. The lights are natural, high in contrast, the setting honest and authentic. It is the best choice for all B2C communication.

Clean but homely setting. Light, with a view at nature.

Strong materias, piece of Nature, bright.

Sympathetic, homely atmosphere, warm colors, view to the

outside world.

Page 46: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 46

Imagery. Artificial.This sligtly more natural enviroment is build in 3D completely. It focuses on the product, putting it in a seemingly real place. Working with real material and pattern, this connects the product to the real world. These rather unemotional images should not be the focus of attention when it comes to B2C communitcation or at least should be accompanied by interior/nature/people shots.

Page 47: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 47

Imagery. People.Although we are adressing as many people in different countries as possible, there is certain target group, clients and customers can more relate to, than to others. Beeing a member of the sonnenCommunity means beeing responsible, forward thinking but also be able to afford it. E.g. Becoming a sonnenBatterie owner is a new status symbol. Our members have stable and certain income, are well educated, have or plan on having families, are business owners or entrepreneurs. They care about fairness, enviroment and sustainability, they belief in something bigger. They are authentic people – not a bunch of hipsters trying hard to be different.

Page 48: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 48

Imagery. Don‘ts.Choosing the wrong imagery, disconnects information or messages from our brand values. For the recipient, inconsistent visuel language makes it a lot harder to relate, to belief or to sympathize with sonnen.

Cliche Photography from low quality stock platforms. Artificial Setting and overdone

Retouching.

To strong promotional presentation.

Poor 3D Visualisations and flashing colors.

Poor lightning of foreground and burned background, artificial Studio atmosphere.

Surreal compositions, separated coloring, cliche motiv.

Cropped Objects with no context, no natural light, no shadow, no background.

Page 49: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 49

Page 50: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 50

Copywriting.

sonnen is not trying to hard sell a product, being loud and pushy about it. It is simply giving you the chance to become part of something bigger,

a community of people who share the same vision. This always should come first, before giving away all the facts. Remember talking to real people, be friendly,

have a nice conversation.

Page 51: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 51

In other words …Let’s use the following pages to help you put the intro into your own words so you can speak on behalf of sonnen.

• How do we want to be heard?

• How do you set the right tone?

• How do you say what you have to say?

• Does a text suit sonnen or not?

We will answer these questions with questions that you can ask yourself when assessing your own texts. Let’s go.

Page 52: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 52

Let’s start with why!Our vision lives through our community and grows stronger with each new member. So: Is our communication inviting? How can we break down barriers? Can “you” become “we” or “us”? Very good reasons speak for sonnen. Does a text give us the chance to stress these? Is it current? Relevant? Plausible? Genuine? Can we emphasise without repeating ourselves?

And we’ve got ideas! We’re creative! Of course, these are things to be proud of, but we’re never arrogant. We’re moving forward with purpose, courage and joy. Does our text take readers by surprise? Is it fun to read?

Control Questions:

• Is our text inviting? Do we use “us” and “we”?

• Does our text explain the “why“?

• Do we give convincing reasons in favour of sonnen?

• Can we emphasize our vision without being repetitive?

• Is our copy surprising? Is our courage, fun and joy apparent when reading it?

Page 53: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 53

We are a hardware manufacturer, a software company and an energy provider – in other words: complicated, at first glance. At the same time, we want win over ordinary people with our idea.

So: Are we writing or speaking as simply as possible? Can we be clearer? Plainer? More straightforward? More understandable?

And: WE DON’T YELL! We’re not loud or pushy, we just talk– or rather let others speak on our behalf: The competition? Our pro-ducts? The press? Our fans? While we’re proud to be No.1, it’s even more impressive to be endorsed by others. Are we proud but still modest? Genuine and honest?

Wait but how?

Page 54: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 54

Page 55: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 55

Digital.

In digital the sonnen CI guidelines differ a little to accomodate technical conditions and result in the best user experience.

Page 56: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 56

Energy is yours

Energy is yours

Gentrify vaporware williamsburg lyft shoreditch tofu meh godard. Live-edge cornhole tofu retro listicle butcher tumblr bespoke photo booth VHS pour-over mixtape chillwave.

Plaid umami pug vice adaptogen. Knausgaard literally messenger bag before they sold out. Jianbing craft beer mumblecore ennui cornhole.

Energy is yours Energy is yours

Energy is yours NOVEMBER 2016

font-size: 60 px;line-height: 1.1;

font-size: 40 px;line-height: 1.1;

font-size: 18 px;line-height: 1.5;

font-size: 34 px;line-height: 1.1;

font-size: 18 px;line-height: 1.5;

font-size: 28 px;line-height: 1.1;

font-size: 10 px;line-height: 1.5;

font-weight: 300;margin-bottom: 30 px;

font-weight: 300;margin-bottom: 30 px;

font-weight: 300;margin-bottom: 30 px;

font-weight: 300;margin-bottom: 30 px;

font-weight: 500;margin-bottom: 30 px;

font-weight: 300;margin-bottom: 30 px;

font-weight: 500;margin-bottom: 30 px;

H1

H2 P

H3 a

H4 label

Typography.CSS Text styles

Page 57: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 57

City City

Energy is yours

Energy is yours

Placeholder

Input |

font-size: 20 px; font-weight: 500;border: 2 px solid;border-radius: 3 px;

font-size: 20 px; font-weight: 500;border: 2 px solid;border-radius: 3 px;

font-size: 20 px; font-weight:300;border:1 px solid;border-radius: 3 px;

font-size: 20 px; font-weight:300;border:1 px solid;border-radius: 3 px;

IMPORTANT All lines and Icons have a minimum line-width of 1 px solid.

font-size: 20 px; font-weight:300;border:1 px solid;border-radius: 3 px;

font-size: 20px; font-weight:300;border: 1px solid;border-radius: 3px;

button :regular checkbox

button :hover radio

icon-selector

input :placeholder

input

Input.

Page 58: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 58

sonnen App.

Margins Extended Topbar Sections & Grouping

44 px

15 px 15 px

180 px

50 px

10 px

1 px

Page 59: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 59

sonnen App.

Page 60: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 60

sonnen Display.

Page 61: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 61

sonnen Display.

Page 62: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 62

sonnen Website.

Page 63: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 63

sonnen Website.

Page 64: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 64

CI Implementation.

Best practise examples of sonnen CI implementation. When layouting new products, use this as inspiration. Also, consult with the

leading design team or headquarters.

Page 65: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 65

Layout. Example Business Cards.Simple and well-balanced design with a premium finish.

Page 66: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 66

Layout. Representation.Maintain consistency throughout every medium.

Page 67: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 67

Layout. Example Brochure.Using a lot of whitespace is key for the sonnen brand. Strong imagery and well-balanced layout is important for pushing the brand values, as well as transporting all the important information. Use reduced color shemes and simple infographic to support the content. There is no unneccecery decoration. Typography and imagery as well as a consistent grid is all you need.

54

2017 WINNER

Im Allgäu erfunden, weltweit bewährt.

Unsere Erfolgsgeschichte startete 2010 als Allgäuer Start-up mit der Vision, allen Menschen saubere und bezahlbare Energie zugänglich zu machen. Seitdem arbeiten wir mit Herzblut daran, Kunden weltweit die Möglichkeit zu geben, ihre Energiezukunft in die eigene Hand zu nehmen. Daher sind wir mittlerweile auch an internationalen Standorten vertreten. Dazu zählen neben Italien und Großbritannien auch die USA und Australien.

Als Marktführer und größter Hersteller von intelligenten Stromspeichern und Betreiber der weltweit größten Strom-sharing-Plattform versorgen wir mit mehr als 40.000 installierten Systemen bereits über 160.000 Menschen mit sauberer und dezentral erzeugter Energie.

sonnen …

… ist weltweiter Marktführer für intelligente Batteriespeicher

… betreibt die weltweit größte Stromsharing-Plattform

… ist eines der schnellstwachsenden Technologieunternehmen in Deutschland

… ist vielfach national und international ausgezeichnet

… hat bereits mehr als 40.000 Batteriespeicher weltweit installiert

… versorgt über 160.000 Menschen mit Strom aus erneuerbaren Energien

Christoph Ostermann, CEO & Gründer

Wildpoldsried, DE • Berlin, DE • Bergamo, IT • Bristol, UK • Atlanta, US • Los Angeles, US • Sydney, AU • Adelaide, AU

Die Energieversorgung der Zukunft. Heute.

sonnenBatterie · sonnenCommunity · Zubehör 1110

Für eine sonnenBatterie sprechen viele Gründe.

Qualität vom Marktführer:

Sichern Sie sich den weltweit meistverkauften intelligenten Solarstromspeicher „made in Germany“ mit einer Voll- garantie über 10 Jahre und einer extra langen Lebensdauer mit über 10.000 Ladezyklen.1

Anschlussfertiges All-in-one-System:

Die sonnenBatterie ist ein Hightech-Gerät in einem ultrakompakten, anschlussfertigen Gehäuse, das sich jedem Zuhause optimal anpasst. Dabei vereint sie hoch- wertige Batteriemodule, Wechselrichter, Messtechnik und intelligente Software.

Smart-home-ready:

Der integrierte Energiemanager der sonnenBatterie optimiert den Eigenverbrauch, berücksichtigt Wetter- prognosen und garantiert ein vorausschauendes Lade- verhalten. Unser ergänzendes Zubehör sorgt dafür, dass Ihr Solarstrom noch besser im Haus verteilt wird.

Flexibel erweiterbar:

Dank modularem Aufbau und variablen Speicher- größen passen sich unsere Solarstromspeicher jedem Haushalt an. Sollten Sie einmal mehr Kapazität benötigen, lässt sich die sonnenBatterie jederzeit erweitern.

Sicherste, langlebigste Zelltechnologie (LiFePO4):

Die sonnenBatterie verwendet besonders zuverlässige und nachhaltige Batteriezellen aus Lithium-Eisenphosphat. Sie gehören zu den mit Abstand langlebigsten und sichersten Technologien am Markt.

Intuitive Steuerung:

Ob über das integrierte Touchdisplay, die praktische App oder das Onlineportal – Sie behalten immer alle Daten im Blick und können auch von unterwegs alles bequem steuern.

Zugang zur sonnenCommunity:

In der weltweit größten unabhängigen Energie- gemeinschaft können Sie Strom mit anderen Mitgliedern teilen und zwischen flexiblen Stromtarifen wählen. Mit der sonnenFlat erhalten Sie Strom sogar kostenlos.2

Besser beraten:

Sie haben bereits eine Frage oder wollen gleich mehr über die vielen weiteren Vorteile der sonnenBatterie erfahren? Wir beraten Sie gerne, rufen Sie uns einfach an! Montags bis freitags von 8:00 bis 18:00 Uhr, sams-tags von 9:00 bis 16:00 Uhr – 0800 9293340.

1 Bitte beachten Sie die jeweils aktuellen Garantiebedingungen unter sonnen.de/de/agb 2 Als Mitglied in der sonnenCommunity mit sonnenFlat. Die Menge des kostenlosen Stroms ist abhängig von dem gewählten sonnenFlat-Tarif: Kunden erhalten mit den Tarifen „sonnenFlat 4250“ max. 4.250 kWh, „sonnenFlat 5500“ max. 5.500 kWh, „sonnenFlat 6750“ max. 6.750 kWh und „sonnenFlat 8000“ bis zu 8.000 kWh.

34

Der sonnenCharger rechnet sich: bis zu 15.000 Freikilometer.

Ein normaler 4-Personen-Haushalt, der ca. 5.000 kWh im Jahr verbraucht, hat mit der sonnenFlat 8000 somit noch 3.000 kWh zum Laden des Elektroautos frei.

Bei einem regulären Elektroauto entspricht dies rund 15.000 km im Jahr.

Diese Reichweite entspricht etwa der Distanz zwischen München und Kapstadt. Da der Strom innerhalb der sonnenFlat bis auf die Grundgebühr kostenlos ist, wird elektrisches Autofahren nahezu umsonst.

Bezahlbar und umweltfreundlich laden – mit dem sonnenCharger!

Alle Vorteile auf einen Blick

• Intelligente Ladetechnologie für maximalen Eigenverbrauch

• Zusätzlicher Strombezug aus der sonnenCommunity

• Leistung bis zu 22 kW

• Lademodi power und smart für volle Flexibilität

• Nahtlose Integration in das Gesamtsystem bestehend aus Stromspeicher, PV-Anlage, E-Auto, Wallbox, Stromtarif und App

• Integriertes intuitives Touchdisplay zur bequemen Bedienung vor Ort

• Hochwertiges und langlebiges Material im zeitlosen Design

• Mobil per sonnenCharger-App jederzeit steuerbar

• Kompatibel mit allen gängigen E-Fahrzeugen mit IEC-Typ-2-Stecker8

• Nahezu kostenloses Autofahren mit sonnenFlat 8000

• Ladeverhalten fördert Netzstabilisation und erneuerbare Energien

Ob sonnenHeater, sonnenBackup-Box oder sonnenCharger - wir beraten Sie gerne! Montags bis freitags von 8:00 bis 18:00 Uhr, samstags von 9:00 bis 16:00 Uhr – 0800 9293340.

8 sowie IEC-Typ-1-Stecker mit Adapter.

Page 68: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 68

Layout. Example Advert.The message is king. Imagery, copy and brand is well-balanced. sonnen adverts are visually calm and not pushy, glossy or overloaded.

• 100 % Unabhängigkeit vom Energieversorger

• Bereits über 40.000 verkaufte Systeme

• Intuitives, anschlussfertiges Komplettsystem

• Sichere und langlebige Zelltechnologie

• Smart-home-ready mit intelligentem Zubehör

• Strom-Sharing in der sonnenCommunity

• sonnenFlat mit 0 Euro Stromkosten*

• Saubere E-Mobilität mit dem sonnenCharger

* Für Mitglieder der sonnenCommunity. Begrenztes Kontingent.

Als weltweiter Marktführer für Lithium-Solarstromspeicher bieten wir nicht nur höchste Qualität Made in Germany. Denn durch die intelligente Vernetzung aller sonnenBatterien zu unserer sonnenCommunity versorgen wir bereits über 160.000 Menschen mit dezentral erzeugter, sauberer und bezahlbarer Energie. So funktioniert die Energieversorgung der Zukunft – sichern Sie sich diese Spitzentechnologie schon heute.

Weitere Informationen erhalten Sie unter 0800/929 33 40 oder auf sonnen.de

Qualität vom Marktführer!

Der beste Stromanbieterunter der Sonne: Sie selbst.

Mit einer sonnenBatterie nutzen Sie Ihren Solarstrom einfach selbst – damit werden Sie zu Ihrem eigenen Energieversorger. Und durch die intelligente Vernetzung der Solarstromspeicher zur sonnenCommunity sorgen wir dafür, dass Ihnen die saubere Energie nie ausgeht. Als limitiertes Angebot erhalten Mitglieder den zusätzlich benötigten Strom mit der sonnenFlat sogar gratis dazu! Unabhängig, sauber und bezahlbar: So funktioniert die Energieversorgung der Zukunft – schon heute.

Jetzt auch für Ihr Elektrofahrzeug: intelligentes Laden mit dem sonnenCharger.Sie wollen mehr erfahren oder haben Fragen: 0800/929 33 40 oder auf sonnen.de

Nie wieder

Stromkosten!

B2B B2C

Page 69: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 69

Layout. Example Social Media.Using proper sonnen imagery, color schemes and illustration and layout, makes the interaction with the brand and the products consistent.

Page 70: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 70

Layout. Example Other Communication.Emotional communication across all target groups is important. Focus on the people you are talking to. Even very technical information should follow visual guidelines. Information and brand becomes more accessible.

Page 71: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 71

Layout. Example Presentation.The presentaion slides should be designed as simple as possible. One message or piece of information at a time. Much like the sonnen website, the presentation is clean and simple. The deepdive comes withe the presenters voice. Use reduced color, big typography and strong imagery or illustration.

Christoph OstermannCEO & Gründer

Page 72: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 72

Dont‘s.

The brand communication always needs to be the same.

Here are some examples what not to do with the Design.

Page 73: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 73

Dont‘s Colors.

Jetzt 250 €

sichern!

Jetzt 250 €

sichern!

Jetzt 250 €

sichern!

sonnen.de

sonnen.de

Page 74: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 74

Page 75: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 75

Ok, now you have everything you need, so what are you

waiting for? Get out there and start making the world a

better place!

Page 76: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 76

When in doubt, take a look at all current communication or consult with the headquarters or leading

design team.

Page 77: Brand Essentials · 2019-06-21 · Brand Essentials · 31.01.19 · Seite 03 Table of Contents. · About this Brandbook 04 · Our Vision 05 · Logo 07 · Color 20 · Typography 25

Brand Essentials · Page 77

Property Rights and Copyrights / Confidentiality.The content of this “Corporate Design Manual” is the exclusive and unrestricted property of sonnen GmbH, that also holds any and all trademark rights and copyrights therein.

Upon provision of this document, the recipient will not be granted any rights in the data and information contained therein, in particular no right to register any commercial property rights. The recipient of this Manual is obliged to fully comply with the obligation of confidentiality and secrecy and to respect it without any reservations.

No part of the work may be reproduced, processed and distributed in any form without a written approval.

sonnen GmbHim Innovationspark AllgäuAm Riedbach 187499 WildpoldsriedTel. +49 (0) 83 04 / 9 29 33 - 400Fax +49 (0) 83 04 / 9 29 33 - 401www.sonnen.de

If you have any questions please do not hesitate to contact:

Sophie Schlumm [email protected]