Ich bin die Überschrift
Perem net optas quiae reiure prepudis voloreh entiam et milliae nullautenis accatem faccaep elendis adis mos venihitatur? Dolore invelis essecae evellaut ilique pra quia nimus, imus, sanimped erchiliquam, nosam idis everi sitatur, utem. Itate eos sinvent, vendelis aut dolupta tibeatet earum hillicab ium veles ma corem restiur simporro et pero dem. Toriberum alit erspe perferum quuntin eumque dolest litibus. Idesedit aut earionsed ma vendisi rerem quia si temporerum apidus, saepudant, odi doluptias assitio remolorror abore rerovit iument alis sed quidebitiust re volessint voloreheni berest, omnis ma con repe volorru mquat.
Cea dolupta taepere non cuscide llabo. Solenis eatentias sundame et invelias et voluptaest faci dusandi pidenis dia dolupta tiatia cores volupta autecusae cor sam nim que odis reserfe roviden duciatur, que esedionsecte alitem rerumet maioreraecum hilis eosae venda doluptaecto ipitis disci LAUTE AUSZEICHNUNG STARKE HERVORHEBUNG ipsa coribus, te conse omnim rerro quis esedi to vel illes etur aut dolupta essitis cillibus, si optat maxuaer speribus que pedis del ipsam dem latibust ut re niscimu sapelenihit re eribus untempero quam, testincium solupti que nulpa quid etusam dis event dignimi ntibustetus et, quam eatuscipiet laboren dicimus volupid quost, qui consequi non cuptatium fuga. Corerspide ea nem voluptat. Et odipsan istium vent laborem odiore rem suntiissi repra nullorehendi sitatiunt adi te optur?
Das ist eine Zwischenüberschrift
Us. Ugit que plaborem. Vitat atest plit aut fuga. Nam, int quissimus si idebitis eossum inum ea sequaspere nulpa voluptia ditatem assum as eum doluptatur? Ga. Mus natur? Ediatus acia quid quis ex etur sus doluptae exerios dit de eicto et quis ut aut as recus, si restrum soluptaturis corem ium nus dis nullam samus velentunonsequam eicaes rerunt pernam aut volores santiis enim iurerspel iusam, testrum re nat as conseque solupta am que pliquae. Ihit quuntem doluptate volupti as minciis quodit odiciae nimin perissimet liat. Laceperio dollam dolut lant omniatio. Et quiae. Menisciis exceate ctatur audis andusam dolupta tecero cullum quae pa voluptatur mostion nime vel ipientias re, tem ipitam quodi netur, in cuptio. Tem reped quat. Comnihi ciassi dion est haria dolendi in con coris aut aut rerem es sequis mi, aditatet latur, nimpori tibusant omnimpo resequia volores simus, vel estrupta dolorem a plant el inventur simus duciis invenec tassequia dolupta ecabo. Officil exped quae quis des ut a plandus sequo debis nossi LEISE AUSZEICHNUNG MINIMALE HERVORHEBUNG doluptium simaximusa ne seque ellaborest, sinveli atatem quid quibear chillenit quunt, occaborest faccatur re quidebis apit dolorernam vollant assimagnatur aspe velecusdandi cuptasim ipsa volor simpero milluptatus aditae pore etur? Ur am dolorum quaerum volute voluptae. Ab ipit, in rem repero eveleni maximil itatur, velluptatet voluptat facea sumqui none sunt.
Labo. Hicia veres et aut laccullatur, vendi cum re, solorpo rectur adit ipis quideribus aut faccat labore nonsequidem experferro illaccus, ipsandu cimilis rempor si officidis que ped ulluptibus, oditiis dunt ut doluptatur? Re atum, sapictur, aborroria se ipienti nverro toresequis dolore pedit adis dolorepres alis maxim cum sequo consequ isciae nonsequi voluptate pore, nonem reicipit laccus, volut labo. Ut velest la adic tem. Ducipsam reped eture nihic te laccus imus del ilique sitatus, experum 11quateturit moluptiae ium serume ime nones volorrumqui sinvenimus. Et mo inullandi int unt harum eatis et laborro vitio. Nem ad qui nonsedit arume cus idellatur? Obit quiant ate voluptae il estint alibus vollaborenis es porrunt accat doles re consedia natem eatempore volendebit as sus, seque remporrunt, ea nonsequ atiscitis andi re voluptam non nobitii simusa aceatur, serescimi, se perrore rionseq uaeptaqui occusdandame simil ipsus doluptatet hitat. Eque di omnis nimust reped et que eicatibus milit aut autectasima con consequ aeptiur, sa derum earia cus nihil minctur? Quidest, cus. Gia vero blacitatem est, tem faccusci vendignatur repeles sitiusam sum antione ped que volore, occusan dantibus prepe maio bla volla volut fugiatur, inum, et maionsequam et audaepe rehent ut od evenis reris experuntum quas si ad eaquam que velignis num nullabo reptae magnatus doloribusam as experiamus et, illupta eprorep tatque denet fugitatusam in earchicia volupta tistiorem hitiand erumendae et aut asiniscim qui unt et est eritatem di di od maximi, omnihil luptate nam aut ipsunto tatur, alit, sum acestrum et re ipiciis nonsed ma voluptur, aut officia sint labores si utasperunt officia ectam, tectus am eos elit essit, sit aut quam, optinis ea poreped maiore atur?
Kunden-Feedback Ossus, is si as aceperist ipsunt alit atis persper eprerion nos ea volo in eaquaer speribus que pedis del ipsam dem latibust ut re niscimu sapelenihit re eribus untempero quam, testincium solupti que nulpa quid etusam dis event dignimi ntibustetus et.
Max Mustermann, Firma Muster
Ed quam excepudae et ut dolore que dolentibus dolorehendis volendi psander fernatis aut re corest, ut la sam, consequo verum re perchil iquate nullatisqui unduciis doluptae cum etum con por aut asped mi, ulla duciendi aut doluptaqui re volesequi audis que por sim et volliquatus quis et imil mos int molut ea quam cus earumqu underio nsequaeritat vid explantota con cus dolorpo rrumet rerferum autempo rentiis eium invelitium de ventur, sequatur, id et exerum fugia nis et doluptatur aut moditatur antius quae di conem latia vitae. Nequam ation pliquat maxima exerit plabo. Aperuptati ium sinum arum apicatur samus, commosapide neculpa dolum ipsa nusam rati berferem cum res vel imenit eaque sima quo omniet quid quia idundignist mo evel incimus maximusa doles re maxime dolorum in et eum, vellaut quis necae int est aut ullaudi gendae nim adis aut vel invendi psamus, sinim alit qui id quiae volorecaere nosam ium quo cum que mi, sumque voluptur autemperfere num endita dolentis sus sit ut abor solecerist enimil eatem fuga. Nam, omnisciis porehentur, oditiis apid et is mo eum reriam fuga. Nequunt litatur, ut excere cor magnim sapicae et rero dolest exerferem que omnimpor sed utem. Arum ut quiande bissim reiciant elibus sim sam velitaeped ut volut omnihit explani menimus sit exeriaepudi aspellaut reribusdamus doluptatis et, aliquia volorep tatemporest quatumque conse videl ipsape laborem fuga. Ut ipsant, corpore, cus et aligenectur?
Allgemeine Geschäftsbedingungen
Us. Ugit que plaborem. Vitat atest plit aut fuga. Nam, int quissimus si idebitis eossum inum ea sequaspere nulpa voluptia ditatem assum as eum doluptatur? Ga. Mus natur? Ediatus acia quid quis ex etur sus doluptae exerios dit de eicto et quis ut aut as recus, si restrum soluptaturis corem ium nus dis nullam samus velentum dolupicius dolendi testia sequunt reptus miliquam, ad estiis voluptati officiisque venimus ciatia im nonsequam eicaes rerunt pernam aut volores santiis enim iurerspel iusam, testrum re nat as conseque solupta am que pliquae. Ihit quuntem doluptate volupti as minciis quodit odiciae nimin perissimet liat. Laceperio dollam dolut lant omniatio. Et quiae. Menisciis exceate ctatur audis andusam dolupta tecero cullum quae pa voluptatur mostion nime vel ipientias re, tem ipitam quodi netur, in cuptio. Tem reped quat. Me pliquid quiatus evelita temped esed ma coris quatiTibus dia cum rerumque nienime volor si sitati doluptasitis eiciur? Comnihi ciassi dion est haria dolendi in con coris aut aut rerem es sequis mi, aditatet latur, nimpori tibusant omnimpo resequia volores simus, vel estrupta dolorem a plant el inventur simus duciis invenec tassequia dolupta ecabo. Officil exped quae quis des ut a plandus sequo debis nossi doluptium simaximusa ne seque ellaborest, sinveli atatem quid quibear chillenit quunt, occaborest faccatur re quidebis apit dolorernam vollant assimagnatur aspe velecusdandi cuptasim ipsa volor simpero milluptatus aditae pore etur? vollant assimagnatur aspe velecusdandi cuptasim ipsa volor simpero milluptatus aditae pore etur.
Mustertext
Logo
Das Logo verwendet die Schriftart Moby und besticht durch eine provokante und laute Optik. Zwei Punkte zwischen "S11" und "System" dienen als Trennelement und symbolisieren durch den Versatz nach oben das Streben nach Transzendenz, das Streben nach etwas Höherem, etwas Besserem.
Mögliche Darstellungen des Logos
Folgende Bilder zeigen, wie das Logo dargestellt werden darf.
Unzulässige Darstellungen des Logos
Folgende Bilder zeigen, wie das Logo nicht dargestellt werden darf.
Farben
Die Farbwelt von S11 System ist auffällig, trotzdem gediegen und edel und reflektiert die Werte der Marke. Die Primärfarben bilden die Hauptfarben der Marke, die vorrangig eingesetzt werden. Die Sekundärfarben erweitern die Farbwelt um maximale Flexibilität und ausreichend Handlungsspielraum zu bieten. Achtung: Für die Farben Punchy Orange, Juicy Orange und Aubergine Purple dürfen im Druck ausschließlich Pantone-Farben verwendet werden, sodass die Strahlkraft der Farben sichergestellt ist.
CMYK- und Pantone-Werte für Gedrucktes. RGB- und HEX-Werte für Digitales.
Primärfarben
Punchy Orange
Pantone: 1655 C
CMYK: 0-77-100-0 (wird nicht verwendet)
RGB: 255-77-0
HEX: #ff4d00
Punchy Petrol
Pantone: 3155 CP (wird nicht verwendet)
CMYK: 100-0-25-47
RGB: 0-99-117
HEX: #006375
Sekundärfarben
Mint Green
Pantone: 2242 CP (wird nicht verwendet)
CMYK: 93-0-69-0
RGB: 0-163-122
HEX: #00a37a
Juicy Orange
Pantone: 2018 C
CMYK: 0-58-100-0 (wird nicht verwendet)
RGB: 255-119-0
HEX: #ff7700
Aubergine Purple
Pantone: 3566 C
CMYK: 83-100-0-16 (wird nicht verwendet)
RGB: 72-43-115
HEX: #482b73
Sky Blue
Pantone: 2975 CP (wird nicht verwendet)
CMYK: 37-0-0-0
RGB: 154-215-249
HEX: #9ad7f9
Punchy Blue
Pantone: 2995 CP (wird nicht verwendet)
CMYK: 79-3-0-0
RGB: 0-169-235
HEX: #00a9eb
Deep Blue
Pantone: 2394 CP (wird nicht verwendet)
CMYK: 100-14-0-1
RGB: 0-140-212
HEX: #008cd4
Blueberry Blue
Pantone: 534 CP (wird nicht verwendet)
CMYK: 100-71-0-51
RGB: 27-54-95
HEX: #1b365f
Deep Petrol
Pantone: 548 CP (wird nicht verwendet)
CMYK: 100-8-11-74
RGB: 0-62-82
HEX: #003e52
Soft Grey
Pantone: Cool Gray 1 CP (wird nicht verwendet)
CMYK: 10-7-5-0
RGB: 217-218-228
HEX: #d9dae4
Solid Grey
Pantone: Cool Gray 7 CP (wird nicht verwendet)
CMYK: 38-29-24-5
RGB: 152-154-165
HEX: #989aa5
Deep Black
Pantone: Black 6 CP (wird nicht verwendet)
CMYK: 100-61-32-96
RGB: 16-25-33
HEX: #101921
Typographie
Die Schriften Moby und Work Sans bilden die Hausschriften für S11 System. Moby ist eine provokante Zierschrift, die stark im Raum steht und die Aufmerksamkeit des Betrachters auf sich zieht. Sie besticht durch ihre Dominanz, abgerundete Ecken und sorgt mit gleich hohen Buchstaben für eine geometrische, dennoch humanistische Anmutung. Darüber hinaus beinhaltet Moby eine Eszett-Majuskel (großes "ß").
Work Sans hingegen ist eine serifenlose Grotesk-Schrift mit sachlichem, klarem Charakter und bildet somit einen optimalen Kontrast zu Moby. Work Sans wurde in erster Linie für Displays entwickelt, bietet jedoch auch im Print-Umfeld sehr gute Lesbarkeit. Work Sans und Moby vermitteln durch ihren Kontrast die gewünschte provokante Note der Markenbotschaft.
Schrift Moby: Designer Felix Braden, Veröffentlichung durch Floodfonts.
Schrift Work Sans: Google Fonts.
Großer Header in Moby Bold
The big red fox jumped over the lazy dog. Almost before we knew it, he had left the ground. This statement does not make a lot of sense, but it looks really beautiful.
abcdefghijklmnopqrstuvwxyz öäü ß
ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ ß
0123456789 € $ § "quote" Question? No!
-
Header, kurz & knackig, 1- bis 2-zeilig
-
Textfarbe als Teil von längeren Texten: Deep Black auf weiß.
-
Textfarbe als für sich stehendes Gestaltungselement: Firmenfarben, weiß
-
linksbündig
-
ohne Silbentrennung
-
Auf ausreichend Weißraum um den Text achten!
starker Fokus mit Moby Regular + Bold
Mengentext, Sub- und Zwischen-Header in Work Sans
The big red fox jumped over the lazy dog. Almost before we knew it, he had left the ground. This statement does not make a lot of sense, but it looks really beautiful.
abcdefghijklmnopqrstuvwxyz öäü ß
ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ ß
0123456789 € $ § "quote" Question? No!
-
für besonders starke Hervorhebungen abseits von Headern
-
Textfarbe als Teil von längeren Texten: Deep Black auf weiß.
-
Textfarbe als für sich stehendes Gestaltungselement: Firmenfarben, weiß
-
linksbündig
-
ohne Silbentrennung
-
Auf ausreichend Weißraum um den Text achten!
The big red fox jumped over the lazy dog. Almost before we knew it, he had left the ground. This statement does not make a lot of sense, but it looks really beautiful.
abcdefghijklmnopqrstuvwxyz öäü ß
ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ ß
0123456789 € $ § "quote" Question? No!
-
Textfarbe für Mengentext: Deep Black bzw. weiß
-
Textfarbe für Konsultationstext: Solid Grey bzw. weiß
-
linksbündig (mit Flattersatzausgleich)
-
ohne Silbentrennung
-
Pfeil-Glyphe für Text-Link auf der Website: ↗
Semantik
Art
Schrift
Schnitt
Größe
Zeilenabstand
Mengentext
Grotesk
Work Sans
Regular
10 pt
1,4 x (14 pt)
Header
Zierschrift
Moby
Bold
30 pt
1,2 x (36 pt)
Sub-Header
Work Sans
Grotesk
SemiBold
16 pt
1,2 x (19,2 pt)
Zwischen-Header
Work Sans
Grotesk
Medium
14 pt
1,2 x (16,8 pt)
laute Auszeichnung (starke Hervorhebung im Text)
Work Sans
Grotesk
Bold
leise Auszeichnung (schwache Hervorhebung im Text)
Work Sans
Grotesk
Italic
Zwischen-Header Konsultationstext
Work Sans
Grotesk
Medium
8 pt
1,2 x (9,6 pt)
Konsultationstext (Kleingedrucktes, z.B. AGB)
Work Sans
Grotesk
Regular
8 pt
1,2 x (9,6 pt)
Header Konsultationstext
Work Sans
Grotesk
Medium
10 pt
1,2 x (12 pt)
Text-Verlinkung im Mengentext auf der Website ↗
Work Sans
Grotesk
Glyphe
↗
besonders starke Hervorhebung
Moby
Zierschrift
Bold + Regular
18 pt
1,2 x (21,6 pt)
Die angegebenen Werte für Schriftgrößen und Zeilenabstände betreffen Print, sind jedoch im gleichen Verhältnis für das Web anzuwenden.
WICHTIGER HINWEIS
Details zur Verwendung verschiedener Schriften und Größen sowie Beispieltexte finden Sie auf der Desktop- und Tablet-Version dieser Website.
Sekundäres Stilelement (SSE)
Die beiden Trennpunkte im Logo zwischen "S11" und "System" bilden das sekundäre Stilelement (SSE) in diesem Branding. Das SSE dient als visuelle Konstante, die sich durch den gesamten Firmenauftritt zieht. Dadurch wird die Marke optisch zusammengehalten. Somit wird der „Look and Feel“ von S11 System durch sämtliche Kommunikationsmittel transportiert, was maßgeblich zur Markenbildung beiträgt.
Das SSE wird vorrangig in Punchy Orange verwendet; in Ausnahmefällen auch in Deep Black oder weiß. In anderen Farben darf das SSE nicht verwendet werden.
Do's and Dont's
Das SSE (Trennpunkte aus dem Logo) ist grundsätzlich immer rechts oben zu platzieren. Somit dient das SSE quasi als Pin-Nadel, an der Elemente "aufgehängt" sind.
Für Bilder, Boxen, Farbkacheln und Buttons wird grundsätzlich eine Mischung aus geraden und stark abgerundeten Ecken verwendet. Die stark abgerundeten Ecken stellen eine visuelle Verbindung zur Moby-Schrift im Logo sowie in Headern dar. Niemals dürfen alle vier Ecken gleich gerade bzw. gleich gerundet sein. Es ist stets auf eine Mischung zu achten. Zusätzlich ist darauf zu achten, dass das SSE nahe einer gerundeten Ecke platziert wird, um an die Optik des Logos zu erinnern.
Buttons und kleine Textboxen auf vollflächigen und randabfallenden Bildern dürfen selbst nie randabfallend sein, sondern sind frei schwebend im Bild zu platzieren. Nur große Boxen mit einer großen Textmenge dürfen randabfallend platziert werden (siehe Anschauungsbeispiele unten).
Sämtliche Stilelemente sind konsistent einzusetzen. Dies sorgt für eine homogene Wahrnehmung der Marke und schafft Vertrauen. Im Folgenden sehen Sie eine Übersicht von zulässigen (oben) und nicht zulässigen (unten) Anwendungsbeispielen.
Bildsprache
Die Bildsprache von S11 System ist eine Mischung aus abstrakten Motiven, weitläufiger Natur und echten Menschen, die Teil der Zielgruppe sind. Abstrakte Bilder bzw. Videos zeichnen sich aus durch eine systemische Funktionsweise, die an die Wechselwirkung des Coachings erinnert (z.B. Wellen, Spiralen oder andere Elemente, die sich in Abhängigkeit zueinander ändern). Werden Motive aus der Natur verwendet, so kommen diese in einer weitläufigen Panorama-Sicht zum Einsatz. Dies gibt der Markenbotschaft Raum zum Atmen und erweitert den Horizont des Betrachters (Stichwort "Transzendenz").
Je nach Anwendung können Bilder und Videos entweder in schwarz-weiß oder färbig verwendet werden. Allerdings dürfen keine künstlichen Farbfilter verwendet werden, um den "echten Charakter" eines Bildes oder Videos beizubehalten.
Außerdem ist auf ausreichend Negativraum in Bildern zu achten, um die dominante Hausschrift "Moby" entsprechend wirken zu lassen.
Nachstehend finden Sie einige Beispiele aus der Wix Mediathek.
Ordnungsprinzip
Die Größe und Platzierung einzelner Gestaltungselemente garantiert eine optimale Lesbarkeit des Logos, sorgt für schnelle Wiedererkennung und sorgt so für ein konsistentes Erscheinungsbild in unterschiedlichen Umgebungen.
Schutzzone des Logos
Die Schutzzone des Logos entspricht der Breite bzw. Höhe zweier S-Majuskeln aus dem Logo (siehe Bild unten). Diese Schutzzone bildet den Mindestabstand zu anderen Objekten wie Text, Bilder, Seitenrand und darf nicht unterschritten werden. Die Schutzzone ist in den Logo-Dateien, die mit diesem Brand Design zur Verfügung gestellt werden, bereits inkludiert.
Mindestgröße des Logos
Das Logo muss gedruckt mindestens 20 mm breit sein (ohne Schutzzone) um noch lesbar zu sein. Diese Größe darf nicht unterschritten werden. Im digitalen Umfeld ist ebenfalls auf eine gute Lesbarkeit zu achten.
Größenverhältnisse
Im Hochformat DIN A4 entspricht die Logobreite ein Viertel der Breite von A4. In Ausnahmefällen (z.B. bei wesentlich kleineren Formaten wie Visitenkarte) kann das Logo zu 60 % der Breite der zu gestaltenden Fläche verwendet werden. In jedem Fall ist auf die Einhaltung der Mindestgröße sowie der Schutzzone (siehe oben) zu achten um eine gute Lesbarkeit des Logos zu gewährleisten. Im digitalen Umfeld richtet sich das Größenverhältnis einzelner Elemente an den entsprechenden Bildschirmgrößen.
Anordnung einzelner Elemente
Allein für sich stehende Punkte aus dem Logo (SSE) sind grundsätzlich oben rechts zu platzieren. Alle weiteren Elemente sind diagonal gegenüber anzuordnen und ergeben eine Art Zick-Zack-Rangordnung. Diese Spiegelung soll die Selbstreflexion und den dadurch kontinuierlichen Fortschritt versinnbildlichen. Es gibt keinen Stillstand, man entwickelt sich immer weiter – wie im Coaching von S11 System, so auch im Ordnungsprinzip des Brandings.
Layout-Beispiele
Hier sehen Sie einige Layout-Beispiele.