top of page
This website was created by HCG corporate designs

Access all Assets

Klicken Sie auf den Button um sich zu registrieren. Nachdem Ihr Zugang freigeschaltet wurde, können Sie alle Brand Design Assets herunterladen.

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!

email@website.com

  • 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!

email@website.com

  • 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!

email@website.com

  • 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.