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.

Logo

Das Logo von hearInn basiert auf der Schrift Baloo 2, wobei Baloo 2 SemiBold als Grundlage für den Schriftzug und Baloo 2 Bold für die charakteristischen Klammern verwendet wird. Sämtliche Buchstaben sind manuell überarbeitet und in ihren Rundungen und Proportionen an die Formensprache von "Sonnet 3" von MED-EL angelehnt (hearInn bzw. der Inhaber Viktor Koci arbeitet eng mit MED-EL zusammen). Dadurch entsteht eine visuelle Verbindung zur modernen Implantat-Technologie und zur Welt der Hörakustik.

Die Klammern im Logo symbolisieren Schallwellen und stehen zugleich für Kommunikation: Sie veranschaulichen, wie akustische Informationen von einer Person zur anderen übertragen werden. So wird das Logo selbst zum Sinnbild eines Sprachrohrs – eines Kanals, der Hörinformationen erfolgreich weiterleitet. hearInn versteht sich damit als akustisches Bindeglied zwischen Betroffenen und ihren Angehörigen. Das Logo macht sichtbar, wofür die Marke steht: Menschen wieder miteinander zu verbinden.

Mögliche Darstellungen des Logos

Wo immer möglich, wird das Logo im Querformat verwendet. Die hochformatige Logovariante soll nur in Ausnahmefällen verwendet werden (wenn zB nicht ausreichend Platz für das querformatige Logo ist).

 

Neben dem statischen Logo, darf das Logo in digitalen Anwendungen (zB auf der Website) animiert dargestellt werden. Der Animationsfokus liegt dabei auf dem Logo-Icon, das in einer Endlosschleife pulsiert. Dabei ist auf eine natürliche Bewegung in Klammerrichtung zu achten (von links nach rechts).

Erlaubte Logo-Animationen (Werte in Wix Studio):

  • Ganzes Logo (quer):

    • Entrance Animation: bounce from left; bounce intensity 1; duration 1,2 s; delay 0 s.

    • Logo-Icon: Loop Animation: pulse; intensity 0,2; duration 2 s; repeat delay 2 s.

  • Logo-Icon alleinstehend:

    • Entrance Animation: bounce from left; bounce intensity 1; duration 1,2 s; delay 0 s.

    • Loop Animation: poke to the right; intensity 0,2; duration 2 s; repeat delay 2 s.

Unzulässige Darstellungen des Logos

Die Logoklammern dürfen ausschließlich von links nach rechts orientiert sein (wie im Logo). Klammern dürfen nie in eine andere Richtung oder gedreht dargestellt werden. So bleibt die Brücke von der von links nach rechts gehenden Schallwelle aufrecht und es kommt zu keiner Verwechslung mit zB einem WLAN-Symbol.

Farben

Die Farbwelt von hearInn ist angelehnt an das alte Branding, wurde jedoch um harmonische Akzentfarben erweitert und hebt sich deutlich vom lokalen Mitbewerb ab. So vermittelt die Farbwelt einen Premium-Charakter und wird kombiniert mit ausreichend Kontrasten um die Marke dennoch extrovertiert wirken zu lassen. 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. Farbkontraste im Sinne der Barrierefreiheit (WCAG-Standard AA) wurden weitestgehend berücksichtigt.

CMYK-Werte für Gedrucktes. RGB- und HEX-Werte für Digitales.

(Die Pantone-Codes für echte Schmuckfarben dienen lediglich der Orientierung, werden in der Praxis jedoch nicht verwendet.)

Gedruckt wird auf matt gestrichenem Papier.

Für besondere Akzente (zB die Schallwelle im Logo) kann transparenter Klarlack auf die CMYK-Farbe gedruckt werden.

Primärfarben

flußtürkis

CMYK: 76-0-0-0

RGB: 0-182-237

HEX: #00b6ed

(Pantone: 306 CP)

tiefschwarz

CMYK: 100-61-32-96

RGB: 16-25-33

HEX: #101921

(Pantone: Black 6 CP)

reinweiß

CMYK: 0-0-0-0

RGB: 255-255-255

HEX: #ffffff

Sekundärfarben

schlammtürkis

CMYK: 92-0-12-0

RGB: 0-170-213

HEX: #00aad5

(Pantone: 312 CP)

supergrün

CMYK: 74-0-68-0

RGB: 0-188-130

HEX: #00bc82

(Pantone: 2414 CP)

aubergine

CMYK: 92-92-0-58

RGB: 45-40-80

HEX: #2d2850

(Pantone: 3524 CP)

wolkengrau

CMYK: 10-7-5-0

RGB: 217-218-228

HEX: #d9dae4

(Pantone: Cool Gray 1 CP)

nassgrau

CMYK: 74-67-34-53

RGB: 60-59-78

HEX: #3c3b4e

(Pantone: 4132 CP)

anthrazit

CMYK: 86-68-36-78

RGB: 36-41-54

HEX: #242936

(Pantone: 4280 CP)

kiesgrau

CMYK: 18-13-10-0

RGB: 201-202-212

HEX: #c9cad4

(Pantone: Cool Gray 3 CP)

Typographie

Die Schriften Allumi und Brando bilden die Hausschriften für hearInn, Baloo 2 wird für das Logo und Störer verwendet.

 

Allumi ist eine Schrift mit menschlicher Anmutung und Hightech-Charakter, deren Formen bewusst zwischen rund und geometrisch liegen. Sie verbindet die Klarheit von Aldo Novareses Schrift Microgramma mit Einflüssen der Frutiger und wirkt dadurch robust, seriös und zugleich global sowie zukunftsorientiert. Eine breite Palette an diversen Schriftschnitten sorgt für ein breites Spektrum an Einsatzmöglichkeiten.

 

Brando ist eine zeitgenössische Serifenschrift mit humanistischen Proportionen, welche die Balance zwischen mechanischen und ägyptischen Formen auslotet und ursprünglich aus einem Bank-Logotype entwickelt wurde. Die Kombination aus festen und fließenden Strichen verleiht ihr eine moderne, robuste Wirkung, wobei leichte Schnitte elegant und offen erscheinen und stärkere Schnitte für ein ausgewogenes, gut lesbares Schriftbild sorgen. Die Serifen in dickeren Schnitten vermitteln ein Gefühl von Kompetenz.


Baloo 2 ist eine freundliche, runde Zierschrift mit weichen Formen und großzügigen Proportionen, die eine zugängliche, warme und zugleich moderne Wirkung erzeugt. Sie dient als Grundlage für die Logoschrift von hearInn, wobei jeder Buchstabe im Logo manuell adaptiert wurde, um eine Formensprache zu schaffen, die sich subtil an die Gestaltung von "Sonnet 3" von MED-EL anlehnt.

Designer Allumi: Jean François Porchez. Veröffentlichung durch Typofonderie.

Designer Brando: Mike Abbink. Veröffentlichung durch Bold Monday.

​Designer Baloo 2: Ek Type Design Team & Girish Dalvi. Veröffentlichung durch Google.

Logo & Störer in Baloo 2

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: tiefschwarz oder reinweiß

  • zentriert

  • ohne Silbentrennung

  • wenn 2-zeilig:

    • reguläre Botschaft in Baloo 2 Medium

    • hervorgehobene Botschaft in Baloo 2 ExtraBold

Überschriften in Brando Bold

Mengentext 1 in Allumi Std Regular

Mengentext 2 in Brando Regular

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: (vorrangig) tiefschwarz

  • linksbündig

  • grundsätzlich kurz und 1-zeilig

  • ohne Silbentrennung

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: (vorrangig) tiefschwarz

  • Print:

    • linksbündiger Blocksatz (= Blocksatz mit linksbündiger letzter Zeile)

    • mit Silbentrennung

  • Website:

    • linksbündig

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: (vorrangig) tiefschwarz

  • Print:

    • linksbündiger Blocksatz (= Blocksatz mit linksbündiger letzter Zeile)

    • mit Silbentrennung

  • Website:

    • linksbündig

Semantik
Art
Schrift
Schnitt
Größe Print
Zeilenabst. Print
Größe Web*
Zeilenabst. Web*

Mengentext groß
(1. Hierarchieebene)

Grotesk

Allumi Std

Regular

10 pt

14 pt

16 px

1,6 x

Mengentext klein
(2. Hierarchieebene)

Antiqua

Brando

Regular

8 pt

10 pt

13 px

1,4 x

Überschrift 1

Antiqua

Brando

Black

30 pt

30 pt

50 px

1 x

Überschrift 2

Brando

Antiqua

Bold

18 pt

18 pt

37 px

1 x

Überschrift 3

Brando

Antiqua

Bold

12 pt

12 pt

22 px

1 x

Störer und Buttons
(reguläre Botschaft)

Baloo 2

Zierschrift

Medium

12 pt

14,4 pt

20 px

Auto

Störer und Buttons
(hervorgehobene Botschaft)

Baloo 2

Zierschrift

ExtraBold

12 pt

14,4 pt

20 px

Auto

leise Auszeichnung 

(schwache Hervorhebung im Text)

Allumi Std

Grotesk

Italic

laute Auszeichnung

(starke Hervorhebung im Text)

Allumi Std

Grotesk

Bold Italic

Zitat hervorgehoben

Antiqua

Brando

SemiBold

11 pt

15 pt

18 px

1,4 x

Person-Zitat hervorgehoben

Brando

Antiqua

Regular

11 pt

15 pt

18 px

1,4 x

Konsultationstext
(das Kleingedruckte, zB AGB)

Brando

Antiqua

Regular

8 pt

10 pt

13 px

1,4 x

Überschrift im Konsultationstext

Brando

Antiqua

Bold

8 pt

8 pt

13 px

1 x

Link im Mengentext (Website)

Allumi Std

unterstrichen

Regular

Nummerierung

Klammer nach Zahl 1) 2) 3) 4) ...

Allumi Std

Regular

Aufzählungszeichen

Pfeil-Glyphe 

Allumi Std

Regular

* Die angegebenen Web-Größen sind Richtwerte.

WICHTIGER HINWEIS
 
Details zur Verwendung verschiedener Schriften und Größen sowie Beispieltexte finden Sie auf der Desktop- und Tablet-Version dieser Website.

Mustertext

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 ipita coribus, leise Auszeichnung schwache Hervorhebung 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 laute Auszeichnung starke Hervorhebung 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 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 quateturit 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, 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 –

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.

Sekundäres Stilelement (SSE)

Sekundäre Stilelemente und Muster dienen als visuelle Konstante, die sich durch den gesamten Firmenauftritt ziehen. Dadurch wird die Marke optisch zusammengehalten. Somit wird der „Look and Feel“ von hearInn durch sämtliche Kommunikationsmittel transportiert, was maßgeblich zur Markenbildung beiträgt. In diesem Branding dienen das Logo-Icon (3 Klammern) sowie einzelne Klammern aus dem Logo-Icon (1 Klammer) als sekundäres Stilelement.

Muster

Alleinstehend darf das Logo-Icon nur in den erlaubten Farben (siehe oben > flußtürkis, tiefschwarz bzw. in Graustufen oder reinweiß) dargestellt werden. Als Muster-Element darf das Logo-Icon in unterschiedlichen Farben von hearInn verwendet werden, wie zB auch aubergine, wolkengrau oder supergrün. Die entsprechenden Muster-Rohdateien werden mit dem Branding mitgeliefert.

RGB__flußtürkis.png
RGB__aubergine.png
RGB__reinweiß.png
RGB__wolkengrau.png
RGB__supergrün.png
RGB__kiesgrau.png
RGB__schlammtürkis.png

Do's and Dont's

Sämtliche Stilelemente sind konsistent einzusetzen. Dies sorgt für eine homogene Wahrnehmung der Marke und schafft Vertrauen.

 

Das Logo-Icon (3 Klammern) wird alleine und isoliert als Designelement verwendet. In Verbindung mit Bildmaterial (Foto, Video) darf es als horizontal und vertikal zentriertes Element in großer Größe verwendet werden. In diesem Fall wird das Logo-Icon inkl. Schutzzone mit 100%iger Größe der zu gestaltenden Fläche (vertikal oder horizontal) platziert. Die Schutzzonen sind in den Logo-Rohdaten bereits eingearbeitet.

Große Aufhänger-Fotos sind zumindest nach oben und unten hin randabfallend zu verwenden, um eine Hochformat-Optik zu simulieren. Zusätzlich können sie optional auch links und/oder rechts randabfallend eingesetzt werden. Bei Verwendung des sekundären Stilelements (weißes Logo-Icon) in kleiner Größe muss dieses unten zentriert im Bild platziert werden, um den Premium-Charakter der Marke zu unterstreichen.

 

Kacheln bzw. Bildergalerien in Kacheloptik sind ebenfalls möglichst hochformatig sowie mit abgerundeten Ecken einzusetzen. Es ist darauf zu achten, dass alle Ecken die gleiche Rundung haben (entweder 6px bei kleineren Elementen wie zB Buttons oder 20px bei größeren Elementen wie zB Bildermaterial).

Die einzelne Klammer aus dem Logo-Icon (1 Klammer) darf ausschließlich als seitliche Abgrenzung eines Bildes bzw. Videos Anwendung finden. Eine einzelne Klammer aus dem Logo-Icon darf nicht für sich alleine als Designelement verwendet werden. Außerdem darf ein Bild bzw. Video ausschließlich auf einer einzigen Seite (links oder rechts) durch die einzelne Logo-Klammer abgegrenzt werden. Keinesfalls darf ein Bild bzw. Video auf beiden Seiten mit der Logo-Klammer versehen werden. Mit der Logo-Klammer begrenzte Bilder dürfen keine abgerundeten Ecken aufweisen. Sie haben immer scharfe Ecken und Kanten mit einem Eckenradius von 0px.

Im Folgenden sehen Sie eine Übersicht von zulässigen (oben) und nicht zulässigen (unten) Anwendungsbeispielen.

Bach mit SSE angeschnitten rechts.png
Bach mit SSE angeschnitten links.png
Bach mit Logo-Icon mittig.jpg
AdobeStock_291519798.jpeg
hearInn-do-1.jpg
hearInn-do-4.png
hearInn-do-3.png
Bach_falsche Darstellung mit SSE.png
Bach mit SSE angeschnitten rechts.png
hearInn-dont-2.png
hearInn-dont-1.jpg

Keine runden Störer. Störer sind rechteckig mit einem Eckenradius von 6px zu gestalten.

Bildsprache

Die Bildsprache von hearInn zeigt Menschen mit (möglicher) Hörminderung sowie deren Angehörige in authentischen Alltagssituationen. Die Motive machen das Thema Hören und Hörakustik emotional greifbar, indem sie echte Kommunikation zwischen Menschen in den Mittelpunkt stellen – etwa Gespräche im Familienkreis, Begegnungen mit Freunden oder lebendige Situationen in öffentlichen Umgebungen wie einem Restaurant.

Die gezeigten Personen in Alltagssituationen wirken natürlich und ungestellt. Gestik spielt eine wichtige Rolle: Hände sind häufig sichtbar, idealerweise mit offenen Handflächen oder unterstützenden Gesten, die Kommunikation und Verbindung zwischen Menschen unterstreichen. Hörgeräte dürfen dabei sichtbar sein und werden selbstverständlich im Alltag integriert gezeigt.

Sollen Bilder bewusst Aufmerksamkeit auf sich ziehen (zB bei Werbepostern), können auch humorvolle Motive verwendet werden. Hier sollte der Einsatz jedoch subtil und speziell auf eine bestimmte Werbekampagne  zugeschnitten sein.

Die Bildwelt zeigt unterschiedliche Generationen – jüngere und ältere Menschen gemeinsam – und vermittelt stets eine positive oder zumindest neutrale Stimmung. Lächelnde Gesichter, Nähe und aufmerksame Interaktion stehen im Vordergrund.

Inhaltlich transportieren die Bilder auch die Freude an alltäglichen Geräuschen und Klangmomenten: Naturklänge wie das Rauschen eines Gebirgsbachs oder eines Wasserfalls, Kuhglocken auf der Alm, Vogelgezwitscher oder Babylachen ebenso wie kulturelle und soziale Klänge wie Musik oder Comedy auf der Bühne. So entsteht eine Bildwelt, die Hörqualität als Schlüssel zu Lebensfreude, Verbindung und aktiver Teilhabe zeigt.

Farbfilter

Grundsätzlich werden Bilder normalfärbig dargestellt. Wenn Bilder jedoch mit einer Farbe versehen werden sollen (zB als Kacheln auf einer Website um verschiedene Kategorien anzuzeigen), können Farbfilter dezent eingesetzt werden. Die Farbfilter werden in Adobe Photoshop wie folgt angewandt:

  1. Foto in schwarz-weiß ändern: vorzugsweise die Sättigung auf 0% reduzieren.

  2. In Adobe Photoshop eine zweite Ebene über das Foto legen und mit einer markanten Sekundärfarbe (zB schlammtürkis, supergrün, aubergine) füllen.

  3. Die Farbebene mit "100% Farbe" über das Foto legen.

Einfärbungen in Primärfarben sind nicht zulässig.

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 querformatigen Logos entspricht links und rechts 100% der Logo-Icon-Breite, oben und unten 50% der Logo-Icon-Höhe. Die Schutzzone des Logo-Icons (alleine für sich) entspricht links und rechts 50% der Logo-Icon-Breite, oben und unten 50% der Logo-Icon-Höhe. Die Schutzzone des hochformatigen Logos entspricht links und rechts 100% der Logo-Icon-Breite, oben und unten 100% der Logo-Icon-Höhe.

Diese Schutzzonen bilden den Mindestabstand zu anderen Objekten wie Text, Bilder, Seitenrand und dürfen nicht unterschritten werden. Die Schutzzonen sind in den Logo-Dateien, die mit diesem Brand Design zur Verfügung gestellt werden, bereits inkludiert.

Mindestgröße des Logos

Das querformatige Logo muss gedruckt mindestens 15 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 (ohne Schutzzone) 25 % der Breite von DIN A4. In Ausnahmefällen (zB bei wesentlich kleineren Formaten wie Visitenkarten) kann das Logo in doppelter Größe (50 % der Breite) verwendet werden. Die Größenverhältnisse dürfen sich je nach Anwendungsfall in 25-%-Schritten verändern. 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.

Anordnung einzelner Elemente

Um den Premium-Charakter der Marke zu transportieren, werden einzelne Elemente grundsätzlich zentriert und vertikal gegenüber platziert. Beispiel: Logo oben zentriert, Adressblock unten zentriert.

 

In querformatigen Anwendungen kann die Anordnung einzelner Elemente auch horizontal gegenüber erfolgen. Dennoch gilt auch hier der Grundsatz der mittigen bzw. zentralen Gegenüberstellung.

hearInn_Briefpapier_Ordnungsprinzip.jpg
hearInn_Briefpapier-1.jpg

Layout-Beispiele

Hier sind einige Layout-Beispiele des hearInn Brandings zu sehen.

Brand Design

hearInn

Willkommen beim Brand Design Handbuch von hearInn. Hier finden Sie alle relevanten Designvorgaben und Brand Assets um eine konsistente Markenbotschaft in sämtlichen Kommunikationskanälen (gedruckt sowie online) sicherzustellen.

 

Bei Fragen wenden Sie sich bitte an HCG corporate designs.

Version 1.1

Letztes Update: 12. Mai 2026

Einleitung

Die Marke hearInn steht für mehr als Hörgeräte oder Implantate – sie steht für Lebensqualität. Im Mittelpunkt steht der Mensch: seine Fähigkeit zu hören, zu kommunizieren und am sozialen Leben teilzunehmen. hearInn verbindet technologische Exzellenz mit medizinischem Verständnis und persönlicher Betreuung. Dieses Zusammenspiel ermöglicht Lösungen, die individuell auf jeden Menschen abgestimmt sind. Das Branding übersetzt diese Haltung in ein klares, konsistentes Erscheinungsbild und eine verständliche Markenbotschaft.

vertrauenswürdig

kompetent
superlativ

Werte der Marke

hearInn steht für ehrliche Beratung, höchste fachliche Kompetenz und echten menschlichen Einsatz. Jeder Mensch wird gleich behandelt – unabhängig davon, welches Produkt er benötigt oder in welchem Preissegment er sich bewegt. Die Beratung ist individuell, transparent und frei von Verkaufsdruck. Gleichzeitig prägt technologische Neugier die Marke: hearInn bleibt stets am neuesten Stand der Hörtechnologie. Vertrauen entsteht hier durch Zeit, Aufmerksamkeit und persönliche Verantwortung.

Alleinstellungsmerkmal (USP)

hearInn vereint drei Welten in einer einzigartigen Kombination: Technik, Medizin und Audiologie. Gründer Viktor Koci bringt eine Ausbildung an der TU München, über zwei Jahrzehnte klinische Erfahrung sowie internationale fachliche Vernetzung zusammen. Dadurch begleitet Viktor Koci Hörgeräte- sowie Hörimplantat-Träger bereits vor einer Operation, während des Eingriffs und in der langfristigen Nachsorge durch hearInn. Diese ganzheitliche Betreuung führt zu präziseren Einstellungen und nachhaltig besseren Hörergebnissen. Ergänzt wird dies durch eine herstellerunabhängige Beratung und maßgeschneiderte Lösungen statt Standardprodukten.

Aufgabe des Brand Designs

Das Brand Design, das auf dieser Website bzw. in diesem Handbuch dokumentiert ist, transportiert die Werte und Alleinstellungsmerkmale von hearInn nach außen. Das Brand Design sorgt für einen hohen Wiedererkennungswert von hearInn, für eine einheitliche Kommunikation zu Kunden, Geschäftspartnern und der Öffentlichkeit und schafft so das nötige Vertrauen in die Marke. Darüber hinaus erleichtert das Brand Design die Erstellung sämtlicher Kommunikationsmaterialien und Werbebotschaften und spart somit Zeit und Geld.

bottom of page