ethos - styleguide

Page 1


Die Marke ethos | Seite 2


Inhaltsverzeichnis

Die Marke ethos | Seite 3

Das Unternehmen

Wer sind wir? Mission und Vision

Kernelemente

Signet Typographie Farbwellt Flexible Elemente Bildsprache

Anwendungsbeispiele

Gesch채ftspapiere Website Werbemittel Branding Messestand

Auszeichnung

Ethosprodukte Ethos-Award


Das Unternehmen

Die Marke ethos | Seite 4

Das Unternehmen


Das Unternehmen - Wer sind wir?

Die Marke ethos | Seite 5

Ein Flügelschlag kann die Welt verändern ! ethos ist eine weltweite Initiative des United Nations Environment Programms, welches im Jahr 2009 ins Leben gerufen wurde. ethos ist das Unternehmen was für die Zukunft unseres Planeten steht, ein Unternehmen was sich für soziale und ökologische Nachhaltigkeit einsetzt. Die Tätigkeiten von ethos beschränken sich nicht nur auf passive Kontrolle von Produkten sondern gehen weit darüber hinaus.

ethos zeichnet zum Beispiel Unternehmen mit dem ethos-Award aus, die besonders viel Wert auf nachhaltiges Produzieren im Sinne des ökologischen Footprintgedankens legen. ethos-konsumenten unterstützen diesen Gedanken und tragen somit durch nur kleine Taten zu etwas großem bei, nämlich zu einem Planeten, auf dem es sich zu leben lohnt - ein Flügelschlag kann die Welt verändern!


Das Unternehmen - Vision und Mission

Die Marke ethos | Seite 6

Die ethos-Vision ist für alle da! Um weiterhin auf einem lebenswerten Planeten leben zu können, müssen wir fair und friedlich miteinander umgehen und vernünftig mit unseren Ressourcen haushalten.

Die ethos-Mission ist nicht nur nachhaltig! Die ethos-Mission ist es, allen Menschen verständlich zu machen, dass ethos-zertifizierte Produkte unserem Planeten nachhaltig, sozial und ökologisch zu Gute kommen.


Kernelemente

Die Marke ethos | Seite 7

Kernelemente


Kernelemente - Signet

Aufbau des Signets

Die Marke ethos | Seite 8

Ab dieser Signetgröße fällt der Claim weg, da kleiner als 8 pt schlecht lesbar.

Wenn Claim 7pt und kleiner

20 mm

Schmetterling

1 mm 5,5 mm

Dies ist die kleinste Größe des Signets.

Claim

Name

11,5mm

Signet wird auf Ethosprodukten vereinfacht dargestellt:


Kernelemente - Signet

Signet - Farbig

Die Marke ethos | Seite 9

Signet Schwarz-WeiĂ&#x;

Signet (nur Typographie)

Signet auf Schwarz (nur in Ausnahmen!)

Nicht erlaubt: farbiges Signet auf Schwarz oder Signet mit Bild im Hintergrund


Kernelemente - Signet

Die Marke ethos | Seite 10

Schutzzonen

< 1X >

Die Schutzonen definieren sich durch die Differenz des Ethos-Schriftzuges zu den äußeren oberenen Ecken des Schmetterlings. Diese Breite definiert 1X.

< 1X > 1X

Die Schutzzone beträgt oberhalb und unterhalb des Logos je 1X, links und rechts vom Logo je 2X.

2X

1X

2X


Kernelemente - Typographie

Die Marke ethos | Seite 11

Headline 1

Mia’s Scribblings (Print: 44 pt / Web: 44 pt)

Headline 2

Mia’s Scribblings (Print: 36 pt / Web: 36 pt)

Subheadline

Helvetica Bold (Print: 11 pt / Web: 12 pt)

Fließtext

Helvetica Regular (Print: 10 pt / Web: 11 pt)

Sketch Rockwell Helvetica 43 Extended Light (min. 8 pt)

Die Wortmarke ethos: Die Wortmarke ethos wird in Fließtexten immer klein und fett geschrieben, in Headlines ebenfalls klein aber nicht fett.


Kernelemente - Typographie

Die Marke ethos | Seite 12

Sonderzeichen Helvetica Regular

! ? , . ; : = Π % & + # “ $ * ¢ ± ⁄ π ¥ ~ # – ‡ ’ ¿ ° ¬ ¶ ‘ ∂ OE † ‘ °• μ ÷ { } [ ] ( ) « … » ´ › ‹ € Æ ≠Ø ¨ ø £ Ù ˘ ˛ ˙ ˚ · Ï Ì Ó ˝ ¸ ¯ ˆ Û ı^ „ ‚ ” ƒ Δ≈“ ‘ ‰ \ ◊ º ∞@ ª ` _ ` § / – oe æ ™ ® © ß Helvetica Bold

! ? , . ; : = Π % & + # “ $ * ¢ ± ⁄ π ¥ ~ # – ‡ ’ ¿ ° ¬ ¶ ‘ ∂ OE † ‘ ° • μ ÷ { } [ ] ( ) « … » ´ › ‹ € Æ ≠Ø ¨ ø £ Ù ˘ ˛ ˙ ˚ · Ï Ì Ó ˝ ¸ ¯ ˆ Û ı ^ „ ‚ ” ƒ Δ≈“ ‘ ‰ \ ◊ º ∞@ ª ` _ ` § / – oe æ ™ ® © ß Mia’s Scribblings

! ? , . ; : = % & + # “ $ * ¢ ± ¥ ~ # ’ ¿ ° ¬ ¶ ‘ ∂ OE † ‘ ° • ÷ { } [ ] ( ) « » ´ € Æ ≠Ø ¨ ø £ ^ ” ƒ “ ‘ \ º ∞Σ@ ª ` _ ` § / oe æ ™ ® © ß

Zahlen Helvetica Regular

Helvetica Bold

Mia’s Scribblings

1234567890 1234567890 1234567890


Kernelemente - Typographie

Die Marke ethos | Seite 13

Headline 1 Dies ist ein kleiner Tipp, Headline 2

der zu etwas großem beiträgt!

Ucimi, verupture doluptam que optas sequid que rerferi dio. Ut lam ab ius andeliquis et eum qui rescipsundes etur?

Ucimi, verupture doluptam que optas sequid que rerferi dio. Ut lam ab ius andeliquis et eum qui rescipsundes etur? Dernatem. Itaecti atiumquam qui repra cuptati omnihilibus.Parit esedi optature il moluptis et veribustibus imin pa quatecuptur, id ut laudanihit ex earchilit omnihici optat. Tur, sum fuga. Name alibus, tem ex dollaut quodi dolo mintect emporerat rem nossint labo exerum quidero vidus.

(Helvetica Bold 11 pt, Zeilenabstand 16 pt)

Agnimet aut estiaep ratias molestibus quis eos del ma inullorrum re poribus aut et fugit everum que di dollaut quodi dolo mintect emporerat rem nossint labo. Ut explaccum a que ne quis impelec torescipid magnat volorro ribeatquam quam laccuscia nat fugit aperis et quodit re pelibusam cus et lacidio nsentius el ipsus discilitis denisquuntis nossi rem sediti qui blaborae volest et est, nobis aut voluptibus andelli quatium, corepud ipsundi omnis que nisit estoreptatem con pratius.

(Helvetica Regular 10 pt, Zeilenabstand 15 pt)

„Dies ist ein Beispielzitat welches zum Beispiel in Magazinen oder Broschüren hervorgehoben wird.“

(Helvetica Regular 20 pt, Zeilenabstand 26 pt)

(Helvetica Regular 10 pt, Zeilenabstand 15 pt)

Nur Flattersatz und niemals Blocksatz!


Kernelemente - Farbwelt

ethos ist bunt und verspielt.

Alle flexiblen Elemente bestehen je aus einer oder aus einer Kombination der Hauptfarben. Der Verlauf wird vor allem beim Logo eingesetzt.

Die Marke ethos | Seite 14


Kernelemente - Flexible Elemente

Die Marke ethos | Seite 15

Kategorie A Kategorie A - Welle 2

Kategorie A - Welle 1

Kategorie A - Welle 4 Kategorie A - Welle 3

Kategorie A - Schwingungen

Kategorie A - Punkte

Kategorie A - Verlauf

Kategorie A - Kreise


Die Marke ethos | Seite 16

Kategorie B Kategorie B - Zeichen

Kategorie C Kategorie C - Postit, kann bei Zeichnungen verwendet werden

Kategorie B - Unterstrich

Kategorie B - Unterstrich

Kategorie C - Polaroid, kann nur bei Fotos verwendet werden

Kategorie B - Unterstrich

Kategorie B - Tesafilmstreifen - zur Befestigung des Bildmaterials - außer bei Postits

Kategorie C - Ausschließlich als Hintergrund für Flächen Kategorie B - Makierstrich


Kernelemente - Flexible Elemente

Die Marke ethos | Seite 17

Wie oft darf ein Element verwendet werden? Kategorie A - Maximal einmal pro “Seite” Kategorie B - Maximal sechs mal pro “Seite” Kategorie C - Maximal zwei mal pro “Seite”

Wie dürfen die Elemente verwendet werden? Das Einsetzen der flexiblen Elemente ist dem Designer überlassen, Elemente der Kategorie A und B dürfen niemals einen Text queren. Der Designer ist auch dazu befugt die Elemente zu verzerren oder neue Elemente zu erstellen, sofern sie der vorgegebenen Farbwelt entsprechen. Elemente der Kategorie C dürfen ausschließlich als Hintergrund eingesetzt werden.


Kernelemente - Bildsprache

“Kleine Taten, große Wirkung” Mit unserer Bildsprache wollen wir die Betrachter darauf aufmerksam machen, dass kleine Taten große Auswirkungen haben können - zu diesen kleinen Taten gehören auch ethos-Produkte. Diese Illustrationen werden in Kombination mit Tipps in Werbemitteln (Plakate, Folder, etc.) eingesetzt.

Die Marke ethos | Seite 18


Die Marke ethos | Seite 19


Kernelemente - Bildsprache

Die Marke ethos | Seite 20

Handarbeit Neben den reinen „Illustrationen“ werden auch Fotos verwendet. Auch die Fotos werden als Ratgeber eingesetzt und mit Tipps ergänzt. Diese werden jedoch durch Illustrationen ergänzt und mit „Klebestreifen“ (natürlich nur als grafisches Stilelement) auf dem Hintergrund befestigt.


Kernelemente - Bildsprache

Die Marke ethos | Seite 21


Anwendungsbeispiele

Die Marke ethos | Seite 22

Anwendungsbeispiele


Anwendungsbeispiele - Geschäftspapiere

Die Marke ethos | Seite 23

Nachhaltige Briefe Um auch selbst nachhaltig zu handeln druckt ethos im Briefverkehr ausschlieĂ&#x;lich auf Umweltschutz-Papier (UWS-Papier).


Anwendungsbeispiele - Geschäftspapiere

Die Marke ethos | Seite 24

Hochschulstraße 1 A-6850 Dornbirn Österreich Tel: +43 123 456 78 Fax: +43 123 456 79 www.ethos.org a_mueller@ethos.org

Anton Müller

Flexibles Einsetzen Die flexiblen Elemente dürfen von den Designen beliebig eingesetzt werden, jedoch sollten nicht mehr als 1 Element der Kategorie A pro Seite eingesetzt werden.


Anwendungsbeispiele - Webseite

Die Marke ethos | Seite 25


Anwendungsbeispiele - Webseite

Die Marke ethos | Seite 26


Anwendungsbeispiele - Webseite

Die Marke ethos | Seite 27

Aufbau der Startseite Sprache

Servicemen端

Men端

Inhalt


Anwendungsbeispiele - Webseite

Die Marke ethos | Seite 28

Aufbau einer Unterseite Sprache

Servicemen端

Men端

Submen端 Inhalt


Anwendungsbeispiele - Webseite

Die Marke ethos | Seite 29

“Keep it simple” Der aufbau der Webseite soll simple gehalten werden - das heißt es werden nur wenige Menüpunkte eingesetzt. Dem gegenüber stehen Informationen die man gezielt abrufen kann, sowohl als Verbraucher als auch als Unternehmen oder Hersteller. Auf der Webseite soll sich der Konsument schnell über Ethosprodukte und Dienstleistungen informieren können, Herstellern und Unternehmen wird erklärt welche Vorteile Ethos für ihre Produkte bietet und in wiefern es sich lohnt in die Zukunft unseres Planeten zu investieren.

Flowchart der Webseite: Hauptmenü

Startseite (News)

Sprach-/Servicemenü

Landessprache

Englisch

Home

Contact

Sitemap

Impressum

Informationen für Verbraucher Informationen für Unternehmen

ethos Produkte

ethos

Produktsuche

Über das Unternehmen

Ihr Beitrag und Auswirkung

Vorteile für das Unternehmen

Register

Wie kontrollieren wir

Vergleich zu anderen Produkten

Zertifikat beantragen

Produktaufnahme

Werte, Vision, Mission

Tipps zum runterladen


Anwendungsbeispiele - Mobile Application

Die Marke ethos | Seite 30

Informationen, dort wo man sie benรถtigt


Anwendungsbeispiele - Plakate

Die Marke ethos | Seite 31

Bildaufbau bei Plakaten + Anzeigen Bei den Plakaten gibt es nur ein grobes Raster - das Logo steht immer unten rechts, es wird per Tesafilmstreifen und einem kleinen Postit als stylistisches Element auf dem Hintergrund befestigt und steht somit immer auf weiĂ&#x;em Hintergrund.


Anwendungsbeispiele - Plakate

Print wirkt - noch immer!

Die Marke ethos | Seite 32


Anwendungsbeispiele - Tippsammlung

Die Marke ethos | Seite 33

Die Tippsammlung zum falten Sinnvolle Tipps kann man immer gebrauchen - und man schont mit ihnen nicht nur die Umwelt, sondern spart auch Geld. Diese Sammlungen kÜnnen beliebig ergänzt werden.

Innenseite


Anwendungsbeispiele - Tippsammlung

Die Marke ethos | Seite 34

AuĂ&#x;enseite


Anwendungsbeispiele - Folder

Die Marke ethos | Seite 35

Fotos werden geklebt, Illustrationen gemalt

Spalte 1

Spalte 2

Spalte 3

Einklappseite / Spalte 4

R端ckseite

Vorderseite


Anwendungsbeispiele - Branding

Die Marke ethos | Seite 36

wie gemalt...


Anwendungsbeispiele - Branding

Die Marke ethos | Seite 37


Anwendungsbeispiele - Messestand

Die Marke ethos | Seite 38

ein St端ck Natur

einfaches Stellsystem, nur aus Pappe und Holz und einem sparsamen ethos-zertifizierten LED-TV


Auszeichnung

Die Marke ethos | Seite 39

Auszeichnung


Auszeichnung - Ethosprodukte

Die Marke ethos | Seite 40

Zertifizierte Produkte


Auszeichnung - Ethosprodukte

An Textilien wird informiert

Die Marke ethos | Seite 41


Auszeichnung - ethos-Award

“Und der ethos geht an...”

Der ethos-Award, mit dem die nachhaltigsten Unternehmen des Jahres ausgezeichnet werden, besteht ausschließlich aus Glas, ist ca. 25 cm hoch und sein Durchmesser beträgt ca. 12 cm.

Die Marke ethos | Seite 42


Die Marke ethos | Seite 43

noch Fragen? Meldet euch bei ethosdesignteam@ethos.org


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.