Gui

de

lines

visual identity

[the brand]The purpose of the elements brand is to establish consistency throughout our organization and express what we stand for.To secure effective implementation, we must all understand how the identity should be used and to ensure it is used correctly. These guidelines have been created to achieve this.

The identity guidelines provide the basic information you need to produce material that incorporates the elements identity. The section on communication describes the fixed elements and shows examples to help create new material in the elements style. The section on interface describes the interface of the software ielements.

Over the next few pages you will find information on the basic elements of our visual identity on colors, typefaces and the elements logotype, which are the basic ingredients that will be mixed in a particular manner to achieve the elements style.

targ

et a

udie

nce

moodboard

visu

al i

dent

ity

basic elements

[logotype]Simple, compact, powerful: it is important that the elements logotype is always reproduced in accordance with these Guideline. It should never be redrawn or modified. All reproductions must be made from an original data file. The five-colour version is preferred for reproduction wherever possible. The single colour version can be used when there are colour restrictions, ie facsimiles and newsprint.

[colours]Pa

nton

e 43

2

Pant

one

1375

Pant

one

432

40%

Pant

one

390

Pant

one

299

90% 80% 70% 60%100%

50% 40% 30% 20% 10%

The elements logotype may be used on coloured backgrounds. However, its is im-portant that there is sufficiant contrast to ensure that the logotype is easily read. On backgrounds that are as dark or darker than the equivalent of 50% black, the negative version of the logotype shoud be used.

[typography]Typography is an important part of the elements visual identity and style.

[Georgia]has been choosen to underline the modern and classy character of the logotype.

[Engel]Is complementary to Georgia; it is a typeface which is easy to read and is ideal for lengthy pieces of text. A number of variants are available in this group to allow for flexibility in titles, headlines, sub-heads and copy.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[bold]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[bold italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[light]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[light italic]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular]

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuwxyz1234567890

[regular italic]

the

bra

nd

basic elements

[business cards]

elements GmbHWeisshausstrasse 23

50 939 Köln

0049 221 334 455 [Telefon]

0049 221 334 456 [Telefax]

service@elements.com [Email]

www.elements.com [Web]

Max Mustermann

Kundenberatung

0049 66 77 99

max.mustermann@gmail.com

[envelope]

elements GmbH | Weisshausstrasse 23 | 50939 Köln

Schön dass Sie sich für Reisen von Elements entschieden haben, wir freuen uns darauf ene individuelle Reise an Sie anzupassen.

Sehr geehrter Herr Mustermann,

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.

Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus.

Quod errat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden.

Wie sind für Sie da!

Claude FolschetteLeiter Kundenservice elements

Herrn Maxi MustermannPaul-Schallück-Str. 950 939 Köln

GmbHWeisshausstrasse 2350939 Köln

0049 221 334 455 [Telefon]0049 221 334 456 [Telefax]service@elements.com [Email]www.elements.com [Web]

Köln, den 29.06.2008

Kundennummer xxxxxxxx

Weisshausstrasse 23 50939 Köln0049 221 334 455 [Telefon] 0049 221 334 456 [Telefax] service@elements.com [Email] www.elements.com [Web]

Claude Folschette [Geschäftsführer] 25 550 [HRB] 765/222/01432 [SteuerNr.]

Sparkasse KölnBonn [Bank] 370 500 88 [BLZ] 2 004 765 [KontoNr]

elements

0

105

mm

045

mm

019

mm

019mm

125mm

010 mm

010

mm

Engel light 12 ptsLine-spacing 15 pts

Engel regular 11 ptsLine-spacing 13 pts

Engel light 11 ptsLine-spacing 13 pts

Engel light 10 ptsLine-spacing 11 pts

Engel light 8 ptsLine-spacing 11 pts

Engel regular 10 ptsLine-spacing 11 pts

[letterhead]

to m

ove

transport

[bus]

[helicopter]

[conveyance]

the

pro

duct

s

clothes & gadgets

[shirt]

[pendant]

[front]

[back]

the

way

design deployment

logotype

the

inte

rfac

e

get the style

09:4

209

:42

09:4

209

:42

the

func

tion

s

short description

[funktionslayout]Das Interface von elements ist ganz klar und übersichtlich aufgebaut. Das Hauptmenü befindet sich mittig des Screens und nachdem man einen Punkt ausgewählt hat im unteren Teil des Bildschirms. Dies dient dazu dass der User sehr schnell von einem in den anderen Menüpunkt navigieren kann. Das Submenü befindet sich jeweils als klassischer Header in Form von “Tabs” im oberen Bereich des Interfaces unter der fixen Statusanzeige.

Satusanzeigen (in Form con Icons: Netz, Batterieanzeige, Uhr, Betriebsbereitschaft, Blutooth

Subnavigation (in Form von ‘Tabs‘)

Content (in Form von Listings und Buttons zum verschicken)

Navigation (in Form con Icons)

0

06px

58 p

x7,

5 px

320 px

13,5

px

Navigation

Subnavi

Login

appointments

publish

to do list

agenda

23

password

|

Die Software von elements ist ein praktischer Begleiter auf der Reise. Sie wird dem Kunden voreingestellt und installiert auf einem IPhone wärend der Reise zur Verfügung gestellt. Das Phone dient zur Kommunikation innerhalb der Reisegruppe, sowie zum dokumentieren der Reise.Der Reisenden kann somit seine Entdeckungen und Erlebnisse festhalten, dokumentieren, diskussieren oder auf der Internetseite von Elements veröffentlichen. Blogs erstellen, Nachrichten schicken, Bilder veröffentlichen sind nur einige Funktionen von ielements.

flowchart

my gallery

send as message

publish

photos

read

send as message

write

my blog

read

post to blog

write

messages

Welcome, click to

09:42

09:42

password

|

09:42

[Startscreen]Startet man die Software, so erscheind erstmal ein Startscreen. Dieser dient dazu, dass die Software nicht ungewollt startet. Der Benutzer wird aufgefordert auf den Bildschirm zu klicken damit die Software laden kann.

[Ladevorgang]Das Logo blendet aus und die Elemente des Logos animieren sich von links nach rechts und umgedreht.

[Anmeldung]Nach dem Ladevorgang erfolgt die Anmeldung. Jeder User hat einen eigenen Username und Passwort, so können jegliche Einträge, Nachrichten und Fotos einer Person zugewiesen werden und zudem ist es eine zusätzliche Sicherheitsstufe um Missbrauch vorzubeugen.

photosagenda messagesblogs

23

09:42

2323

vulcan journey: from Paulo Vanoli 23-08.2007 | 17:56

vulcan journey: from German Frank 23-08.2007 | 17:56

Höllentrip: from Franjo Petersen 23-08.2007 | 17:56

Super Erlebnis: from David Gallo 23-08.2007 | 17:56

vulcan journey: from Paulo Vanoli 23-08.2007 | 17:56

Todays trip to the vulcan was rally exciting. I was fascinated by...Oborem erat, quat. Urero doloborem ilis nostisi.Equat. Ut lortin vulput veratem qui blam qui blaore velisis ea feugait lan

read | write | publish | send as message

09:42

23

my galery | publish | send as message

09:42

[Hauptmenü]Nach der Anmeldung gelangt man direkt ins Hautmenü. Dieses beinhaltet nur 4 Punkte: einen Agenda zum planen, Fotos, Blogs und Nachrichten. Der Agenda ist dazu gedacht um die Termine zu notieren und so keinen Ausflug oder Event auf der Reise zu verpassen. Einige Termine sind schon von elements eingetragen oder werden per Gprs an das Handy geschickt. Das Menü ‘Fotos’ dient zur festhaltung von schönen Bildern, Gegenden onder sonstiges. Man hat hier die Möglichkeit Bilder zu speichern, auf der Internetseite von elements zu publizieren oder sie anderen zuzusenden. Der Punkt ‘Blog’ ist ein klassisches Tagebuch indem man seine Erlebnisse und Erfahrungen dokumentieren und anderen zugängich machen kann. Nachrichten kann man von anderen Reisenden oder Mitarbeiter von elements erhalten und auch antworten.

[Blog]Diese Grafik zeigt den Menüpunkt ‘Blog’ mit dem Untermenü ‘read’. Zu sehen ist ein listing in dem man scrollen kann. Der jeweilige Blogeintrag auf dem man sich befindet klappt immer auf und die Nachricht wird sichtbar. Die Untermenüs sind immer gleich aufgebaut (siehe Flowchart).

[Fotos]Zu sehen ist das Menü ‘Fotos’ mit dem Untermenüpunkt ‘my galery’.

MP

MD

WS

0607

BetreuerDipl.-Des. Caroline Julia Arens

Prof. Torsten Stapelkamp

Grundkurs Anwendungen

Fols

chet

te C

laud

e

Gui

de

lines

visual identity