noomo styleguide
DESCRIPTION
Corporate Identity für Nahrungsergänzungsmittelprodukt. Erste Entwürfe der Form, Verpackung und Aufstellern.TRANSCRIPT
1Styleguide
www.noomo.org
2
Direction Introduction 3 Vision 4Mission 5Core Values & Positioning 6Target 7
Identity
Logo 8 - 10Colors 11Typography 12 - 14Icons 15Business Card 16 Screen Design 17 - 20Product Design 21 - 22Dispenser Design 23Package Design 24 - 26
Photography
Corporate Imagery 27 - 28Campagne 29
Applications
Point Of Sale 30Point Of Interest 31Merchandising 32
Index
3
Direction
// NEM neuer Generation
// Functional Food
// Healthstyle
// LOHAS
// Faires Handeln
// Juwelenpillen mit neuer Form, Geschmack und Konzept
// Inspiriert von der Tibetischen Medizin
// Geist und Körper werden vereinigt und es entsteht eine innere Balance
// Innovation
// Charity
Intr
od
uct
ion
noomo
Was ist noomo?
Was sind noomos Qualitäten?
Was sind noomos Merkmale?
4
Direction
// NEM 2.0: über das Nahrungsergänzungsmittel hinaus
// Weg von den herkömmlichen arzneimittelähnlichen NEM
// Shells anstatt Pillen
// Lifestyle Tool
// Auf die moderne Gegenwart übertragene Traditionelle Tibetische Medizin
Vis
ion
noomos Vision
Ein Nahrungsergänzungsmittel das sich von den
herkömmlichen NEM abhebt.
5
// Balance zwischen Körper und Geist
// Work-Life-Balance
// Vorbeugen psychosomatischer Krankheiten
// Innovation, Funktion, Mobilität
Mis
sio
n
noomos Mission
Den alltäglichen Berufsstress nicht entstehen lassen,
stressbedingten Krankheiten vorbeugen und eine
eigene Work-Life-Balance herstellen:
Diese Eigenschaften kombiniert noomo mit innovati-
ven Design, Mobilität und Hochwertigkeit.
Direction
6
Direction
// Faire Produktion und Handel
// Schone die Umwelt
// Achte auf Nachhaltigkeit
// Innovation
// Funktionalität
// Mobilität
Co
re V
alu
es
noomos Werte
Fairness
Sustainability
Charity
Social
7
DirectionT
arg
et
Co
nsu
me
r
noomos Zielgruppe// LOHAS
// Moderne berufstätige NEM oberer Preisklasse User
// Menschen, die unter Termin- und Leistungsdruck leiden
// Gelegenheits - NEM - User
8
IdentityL
og
o
Logo History
Die Wortmarke basiert auf der Schriftart
moderna regular.
Das m-Zeichen wurde durch zwei, dicht aneinander
gesetzten n-Zeichen ersetzt, um dem Gesamtbild mit
betonten Rundungen angepasst zu werden.
Nach der Umwandlung in Pfaden wurde die
Linienstärke ohne Füllfarbe auf 1pt gesetzt.
Die einzelnen Zeichen wurden dicht nebeneinander
gesetzt, wobei sie bei noo mehr als bei mo gesperrt
wurden. Durch diese Weise entstehen die drei
gleichmäßigen Kreise.
Für den Slogan BALANCE wurde die Schriftart
Avenir 45 Book verwendet. Die einzelnen Zeichen
wurden gesperrt, damit sie an dem Innenstrich des
unteren o-Zeichens angepasst werden können.
B A L A N C E
9
// Der kommunikative Zusatz BALANCE (Claim) wird in Versalien geschrieben und durch Sperren, bzw. Unterschneiden (Zeichenabstand vergrößern / verringern) angepasst.
// Der Zeilenabstand zwischen Logo und Claim entspricht der Schriftgröße der Versalien (x)
// Die Schriftfarbe des Claims: 70% Grau
IdentityL
og
o
Bildwortmarke noomo
Bild und Wort stehen in einem fest definiertem Ver-
hältnis. Die Mindestabstände ergeben sich durch die
Versaliengröße (x).
Das erlaubt eine gewisse Flexibilität des Logos beim
Einsatz verschiedener Claims. mind. 1xmind. 1x
mind. 2x
2xx
x = Versaliengröße
mind. 1x
10
// noomo: noo steht für NEW - neu; mo steht für MOOD - Stimmung
// Der Schwerpunkt bei der Gestaltung liegt bei Balance (kommunikativer Zusatz BALANCE) und Stim-mung (Farbverlauf ).
// Das monochrome Logo verliert den Farbverlauf; Bildmarke in 70% Grau, Wortmarke in 50% Grau
// Keine negative Umsetzung (Logo immer auf weissem oder hellem Hintergrund einsetzen)
IdentityL
og
o
Keywords bei der Gestaltung
Balance
modern
neu
Stimmung
Lichtpille
Sonnenstrahl
rund
nett
11
IdentityC
olo
rs
Hausfarben
Bei den Hausfarben handelt es sich grundsätzlich
um vier Hauptfarben aus dem Verlauf: Grün, Blau,
Orange und Rot.
Für die Schriftfarbe wird 70% Grau empfohlen.
Je nach Druckverfahren muss beachtet werden, ob
der Grauwert nicht auf 50% reduziert werden muss,
damit die Texte nicht in Schwarz erscheinen.
CMYK 100 - 0 - 100 - 0RGB 0 - 166 - 81Pantone 355
CMYK 100 - 0 - 0 - 0RGB 0 - 174 - 239Pantone Process Cyan
CMYK 0 - 80 - 95 - 0RGB 241 - 90 - 41Pantone 179
CMYK 0 - 90 - 85 - 0RGB 239 - 65 - 54Pantone Red 032
70% Grau Dies ist ein Fliesstext.
50% Grau Dies ist ein Fliesstext.
12
Identity
Clarendon T
Light
1234567890&%!?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 Ä Ö Ü
Medium
1234567890&%!?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 Ä Ö Ü
Bold
1234567890&%!?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 Ä Ö Ü
Extra Bold
1234567890&%!?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 Ä Ö Ü
Typ
og
rap
hy
Die Schriftart Clarendon T
Clarendon ist eine serifenbetonte Linear-Antiqua.
Der Erstguß stammt aus dem Jahr 1953 (entworfen
von Hermann Eidenbenz).
Clarendon wurde schon von U2 und Starbucks ange-
wendet.
Die vier verschiedenen Schriftschnitte, gut lesbar
und mit ausgewogenem Dick-Dünn-Verhältnis, trotzt
kräftigen Serifen verschaffen noomo die Möglich-
keit, sich, als neues Produkt durch feine Typografie
von den herkömmlichen NEM deutlich abzuheben.
Anwendung:
Empfohlen wird das Einsetzen mit folgenden Maßen:
Headline: Schriftgröße 14pt, Zeilenabstand 14,4pt
Marginaltexte: Größe 7pt, Zeilenabstand 8,4pt
Fließtext: Größe 10pt, Zeilenabstand 13pt
Alle Texte linksbündig anlegen (bis auf die Margina-
lien, die im Styleguide rechtsbündig sind).
13
Identity
Clarendon T
Light
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.
Medium
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.
Typ
og
rap
hy
Schriftschnitte von Clarendon T
14
Identity
Clarendon T
Bold
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.
Extra Bold
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.
Typ
og
rap
hy
Schriftschnitte von Clarendon T
15
IdentityIc
on
s
Das noomo Alphabet
Die noomo Icons gehören zu der CI und ihr Ziel ist,
die visuelle Kommunikation zu verstärken.
Die Icons ergeben sich aus Kombinationen der ver-
schiedenen Wortmarke-Elementen .
Die spielerischen Piktogramme könnte man auch als
noomos Alphabet bezeichnen. Die einzelnen Symbo-
le eignen sich als Signet, das auf den verschiedenen
Produktarten geprägt werden kann.
16
IdentityB
usi
ne
ss C
ard
Visitenkarte
Ausrichtung nach Versalienhöhe des Claims (x):
Maßen: 55mm x 85mm, hochkantig
Vorderseite:
Logo: 25mm x 16,52mm
Name: Schriftgröße 14pt,
Fließtext: 10pt
Rückseite:
Logo erscheint als Prägung mit folgenden Maßen:
skaliert auf 47mm x 73mm (ausgerichtet nach x)
und als Prägung gedruckt.
x
2x
Christian Klant
Lichtstraße 46D-50825 KölnT +49.221.99 55 55-0F +49.221.99 55 [email protected]
x
x x xx x
17
IdentityS
cre
en
De
sig
n
Screen Design # 1
Auf der Indexseite erscheint das Logo mittig.
Die Navigation steht recht neben dem Logo.
Bei Bildern im Querformat steht der Fliesstext
darunter als linksbündiger Textblock.
Falls das Bild im Hochformat ist, steht der Textblock
rechts daneben.
Das Webshop ist ähnlich gestaltet wie bei www.
helpineedhelp.com
18
IdentityS
cre
en
De
sig
n
Screen Design # 2
Die Indexseite zeigt das Produkt (Dispenser und
Shells). Logo und Navigation befinden sich im
oberen Bereich der Seite.
Die Navigation besteht aus pull-down-Buttons.
Das ausgewählte Button behält seine Farbintensität,
alle andere Elemente erscheinen wie ausgeblendet.
19
IdentityS
cre
en
De
sig
n
Screen Design # 3
Eine Kombination aus den ersten zwei Varianten.
Das Menu besteht aus pull-down-Buttons und die
Bilder erscheinen mit Fliesstext dazu, ähnlich wie
bei dem ersten Entwurf.
20
IdentityS
cre
en
De
sig
n
Screen Design # 4
Es handelt sich um ein Flashtemplate, das auf
noomos Konzept optimiert werden kann.
Die Vorlage hat ein sehr professionelles Webshopsys-
tem, das sich für eine breitere Produktpalette eignet.
Link zu dem Template:
http://www.templatemonster.com/zencart-
templates/25886.html
BAL ANCE
21
IdentityP
rod
uct
De
sig
n
Shells
Die Shells haben die Form eines Rhombus und
tragen eine Prägung auf der Vorderseite.
Je nach Produktart können verschiedenen Icons auf
den Shells geprägt werden.
22
IdentityP
rod
uct
De
sig
n
„Magazine“ für den Dispenser
Die Shells werden ähnlich wie bei PEZ verpackt und
in den Dispenser gelegt.
23
IdentityD
isp
en
ser
De
sig
n
Dispenser
Die drei wichtigsten Eigenschaften sind:
Mobilität
Funktionalität
innovative Darreichung + + =
24
IdentityP
ack
ag
e D
esi
gn
Verpackung und Umhülle
Die Verpackung wird aus Naturpapier oder
Maisstärke hergestellt.
Die Hülle besteht aus Recycling-Papier.
Wenn die Hülle entfernt wird bleibt das noomo Logo
als Prägung zu sehen.
Dies ist ein Typoblindtext
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle
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.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle da sind und wie sie aussehen
Dies ist ein Typoblindtext
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle
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.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle da sind und wie sie aussehen
25
IdentityP
ack
ag
e D
esi
gn
Zusatzfunktion der Umhülle
Man kann die Hülle in Blumenerde einpflanzen,
regelmäßig gießen und daraus wächst eine
noomo Pflanze.
26
IdentityP
ack
ag
e D
esi
gn
Vepackung mit und ohne Dispenser
Die gewöhnliche Verpackung beinhaltet den
Dispenser und drei unterschiedlichen Produktarten.
Im Box befindet sich eine Visitenkarte
(alternativ auch ein kleines Booklet)
zum Kunden werben.
Dazu gibt es ein Aufkleber (ähnlich wie den Apfel von
Apple, wenn man einen Mac kauft),
der als Kundenbindung dienen soll.
Die Monats-, bzw. Wochenverpackung ist identisch
mit der gewöhnlichen Verpackung,
nur ohne den Dispenser.
Die
s is
t ein
Typ
oblindte
xt
Die
s is
t ein
Typ
oblindte
xt. A
n ihm
kann m
an sehen, o
b alle
da sin
d und w
ie s
ie a
ussehen. M
anchm
al benutz
t man
Wort
e wie
Ham
burgefo
nts, R
afgenduks
oder Handglo
ves,
um
Schri
ften zu
test
en.
Manch
mal S
ätze, d
ie a
lle B
uchst
aben des
Alp
habets e
nthalte
n - man
nennt die
se S
ätze »P
angram
s«. S
ehr bekannt i
st d
iese
r: The q
uick
brow
n fox ju
mps
over t
he lazy
old
dog. O
ft w
erden in
Typ
oblindte
xte
auch fr
emdsp
rach
ige S
atzte
ile e
ingebaut (
AVAIL
® a
nd Wefo
x™ a
re
test
ing a
ussi l
a Kern
ing),
um d
ie W
irkung in
andere
n Spra
chen
zu te
sten. I
n Late
inis
ch s
ieht z
um B
eispie
l fast
jede S
chri
ft gut a
us.
Quod e
rrat d
emonst
randum
.
27
PhotographyC
orp
ora
te I
ma
ge
ry
noomos Herkunft
Landschaft, Kloster, tibetische Mönche,
Gebetsfahnen, Gebetsglocken,
warmes Licht, evtl. Gegenlicht.
28
PhotographyC
orp
ora
te I
ma
ge
ry
noomos Nutzer
Junge, heitere Menschen, Andeutung von Aktivität,
Glück, Zufriedenheit, Entspannung, Freude, Urbani-
tät, Stille, Frieden, Auszeit, Balance.
Wenn möglich, kein Blickkontakt -
die Personen wirken natürlicher.
29
PhotographyC
am
pa
ign
Das noomo Zeichen
Die Hände werden so gehalten, dass es ein
„noomo Symbol“ entsteht - noomos Produktform.
Der durch das Handzeichen entstandene Freiraum
könnte eine feine Typografie enthalten, das eigent-
liche Produkt (Shell), das Signet, das auf der Pille
steht, die Pflanze, die aus der Verpackung wächst
oder einfach leer bleiben.
30
ApplicationsP
oin
t O
f S
ale
Display
Das Display besteht aus Glas.
Die Lücken zwischen den Produkten schaffen Platz
für Logo, Typografie oder Icons.
31
ApplicationsP
oin
t O
f In
tere
st
Aufsteller
Der Aufsteller ist aus Glas (alternativ Plexiglas)
und durchsichtig.
Hier kommen die Icons zum Einsatz:
Jeweils ein Icon, begleitet von einem smarten Satz
(ähnlich wie die Kampagnen von Lucky Strike).
In den Aufsteller können verschiedene Print-Futures
(Postkarte, Flyer, Getränkekarte, etc.)
Dies ist ein Typoblin
dtext
Dies ist ein Typoblin
dtext. An ih
m kann man sehen, ob alle
da sind und wie sie aussehen. Manchmal b
enutzt man
Worte wie Hamburgefonts, Rafgenduks oder Handgloves, u
m
Schriften zu te
sten.
Manchmal Sätze, die alle
Buchstaben des Alphabets enthalten - m
an
nennt diese Sätze »Pangrams«. S
ehr bekannt ist d
ieser: The quick
brown fox ju
mps over the lazy old dog. O
ft werden in
Typoblindtexte
auch fremdsprachige Satzteile eingebaut (A
VAIL® and Wefox™ are
testing aussi la
Kerning), um die W
irkung in anderen Sprachen
zu testen. In
Lateinisch sieht zum Beispiel fast je
de Schrift gut a
us.
Quod errat demonstrandum.
Kennst du noomo?
32
ApplicationsP
oin
t O
f In
tere
st
Aufsteller
Durch die Durchsichtigkeit entsteht eine gewisse
Spannung auf der Rückseite:
Man erkennt die Icons wieder, aber die Botschaft ist
durch die Verspiegelung verschlüsselt.
Diese kleine Denkaufgabe animiert den Betrachter
sich unbewusst mit noomo zu beschäftigen.
33
ApplicationsM
erc
ha
nd
isin
g
T-Shirt
Die Icons eignen sich sehr gut auch für
Merchandising-Artikel wie T-Shirts.
Sie werden, ähnlich wie bei dem Aufsteller in Kombi-
nation mit dem Claim auf Brusthöhe gedruckt.