Do's

Verwendung der Logos und Positionierung.

Innoviduum Logo auf hellem Hintergrund

TalentCoach Logo auf hellem Hintergrund

TalentLoop Logo auf hellem Hintergrund

Innoviduum Logo auf Türkis

TalentCoach Logo auf Blau

TalentLoop Logo auf Gelb

Dont's

Folgende Arten der Positionierung sind zu vermeiden.

Auf mehrfarbigen Hintergründen

Farblogo auf buntem Hintergrund

Auf vollfarbigen Hintergründen weißes Logo verwenden

Zu geringer Kontrast

Auf hellen Hintergründen Farblogo verwenden

Logo auf falscher Hintergrundfarbe

Türkis für Innoviduum, Blau für TalentCoach, Gelb für Talentloop

Logo auf Foto

Klare Abgrenzung schaffen, zB durch weißen Hintergrund

Logo in Formen

Hauptfarbe: Türkis

Verwendung: Innoviduum Brand, Akzente, Fähigkeiten

Hauptfarbe: Grau

Verwendung: Texte (Schwarz), Trennlinien, Rahmen, Akzente (Akzent 1-4), Hintergründe (Akzent 1)

Hauptfarbe: Blau

Verwendung: Ausschließliche Verwendung im Zusammenhang mit TalentCoach, Werte

Hauptfarbe: Gelb

Verwendung: Ausschließliche Verwendung im Zusammenhang mit TalentLoop, Talenttyp Charakter

Hauptfarbe: Orange

Verwendung: Interessen

Zulässige Farbkombinationen

Türkis, Blau und Gelb als Akzente: Für Innoviduum
Sowohl Hauptfarbe und jeweilige Akzente:
Gelb und Blau nur in Formen, Türkis auch für Überschriften etc.
Keine Vollflächigen Hintergrundfarben.

Blau, Türkis als Akzente: Für TalentCoach
Sowohl Hauptfarbe und jeweilige Akzente
Türkis nicht als Hintergrundfarbe verwenden

Gelb, Türkis als Akzente: Für TalentLoop
Sowohl Hauptfarbe und jeweilige Akzente
Türkis nicht als Hintergrundfarbe verwenden

Primary Font:

"Poppins", Helvetica, Arial, sans-serif;

Primary Font Bold:

"Poppins", Helvetica, Arial, sans-serif; Font-weight: 600

Grafikelemente (Formen, Icons, Grafiken): Download [.zip, 42.6MB]

Logo: Download [.zip, 185KB]

PowerPoint Masterfolien: Soon to come

Do's

Verwendung der Formen und Positionierung.

Überlappen von Akzenten

Überlappen von Formen der gleichen Farbfamilie auf hellem Hintergrund (TalentCoach, Talentloop)

Stapeln von Akzenten

Anordnung von Formen der gleichen Farbfamilie auf farbigem Hintergrund (TalentCoach, Talentloop)

Überlappen unterschiedlicher Farben

Überlappen unterschiedlicher Farben auf hellem Hintergrund (Innovdiuum)

Dont's

Folgende Arten der Verwendung und Positionierung sind zu vermeiden.

Stapeln unterschiedlicher Farben

Keine Formen auf Hintergrund einer anderen Farbfamilie

Türkis als Hintergrundfarbe

Türkis als Hintergrund vermeiden. Stattdessen: Überlappen unterschiedlicher Farben auf hellem Hintergrund

Transparenzen

Mit Schlagschatten und/oder Kontur

Formen sind in ihrer Ursprungsform zu belassen

Auf Fotos

Grundsätzliches zur Verwendung von Fotos

Foto: Stimmungsbilder mit realen Personen - Beispielfotos siehe Downloads
Die Verwendung von Fotos erfolgt sehr reduziert und hauptsächlich in Printprodukten und der Website um Emotionen zu erwecken.

Verwendung von Fotos - Do's

Folgende Arten der Verwendung sind zulässig:

Stimmungsbild mit Personen in Form

Ausschließlich zu verwenden auf: Titelblättern und Kapitelseiten von Printprodukten, Headerbereichen der Website

Stimmungsbild mit Personen als Rechteck mit abgerundeten Ecken

Ausschließlich zu verwenden: in Printprodukten und auf der Website, wenn Emotionen geweckt werden sollen (zB Use-Case). Sowohl hoch- als auch querformat zulässig

Reale Personen als runder Ausschnitt

Ausschließlich zu verwenden für reelle Personen (zB Testimonials, Teamfotos)

Verwendung von Fotos - Dont's

Folgende Arten der Verwendung sind unzulässig:

• Im Tool oder in Verbindung mit dem Tool
• Fotos ohne abgerundete Ecken
• Fotos ohne Personen
• Fotos von reellen Personen in Formen/Rechtecken

Grundsätzliches zur Verwendung von Grafiken

Grafik: Vektorillustrationen im Innoviduum-Stil (zu unterscheiden von Formen) - siehe Downloads
Grafiken werden ausschließlich im Tool oder in erklärenden Texten zum Tool verwendet

Verwendung von Grafiken - Do's

Folgende Arten der Verwendung sind zu zulässig

• Im Tool (TalentCoach/TalentLoop) zur graphischen Auflockerung, als EmptyState, als Placeholder
• Zur Erklärung des Tools bzw in Verbindung mit Mockups
• Extraktion von Teilelementen der Grafiken im oder in Verbindung mit dem Tool

Verwendung von Grafiken - Dont's

Folgende Arten der Verwendung sind zu vermeiden

• Ohne direkten Zusammenhang mit TalentLoop/TalentCoach
• Verwendung fremder Grafiken
• Farbliche Änderung der bestehenden Grafiken

Verwendung von Icons und Symbolen

Grundsätzlich wird auf die Verwendung Icons und Symbole verzichtet. Folgende Ausnahmen gelten:

Zur Strukturierung von Texten, im Web und Tool zur Navigation

font-family: Line Awesome | la-angle-down

font-family: Line Awesome | la-angle-left

font-family: Line Awesome | la-angle-right

font-family: Line Awesome | la-angle-up

Zur Strukturierung von Texten

font-family: Line Awesome | la-check-solid

Ausschließlich im Tool

font-family: Line Awesome | la-question-circle

Verwendung der Markennamen TalentCoach / TalentLoop:

Ohne Artikel

Richtige Verwendung: Viel Spaß beim Arbeiten mit TalentCoach!

Falsche Verwendung: Viel Spaß beim Arbeiten mit dem TalentCoach!

Mit Großbuchstaben

Richtige Verwendung: TalentCoach

Falsche Verwendung: Talentcoach, talentcoach

Ohne Leerzeichen

Richtige Verwendung: TalentCoach

Falsche Verwendung: Talent Coach

Beim Gendern ist zu beachten:

• Verwendung des Binnen-I
• Gendering durchziehen in allen Medien
• Ausnahmen: Englische Begriffe wie User

Überschrift 1

Poppins 40px, Font weight: 400

Schwarz auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

Überschrift 2

24px, Font weight: 300

Schwarz auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

Überschrift 3

20px, Font weight: 600

Schwarz auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

Untertitel 1

14px, Font weight: 600, Zeichenabstand: 2px

Türkis für allgemeine Inhalte, blau/gelb für TalentLoop und TalentCoach auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

Über oder unter Uberschrift 1

Untertitel 2

14px, Font weight: 400, Zeichenabstand: 2px

Schwarz hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

Über oder unter Überschrift 3

Fließtext

14pt, Font weight: 400

Schwarz auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen

14pt, Font weight: 400, Hover Schwarz

Türkis für allgemeine Inhalte, blau/gelb für TalentLoop und TalentCoach auf hellen Hintergründen, Weiß auf farbigen und dunklen Hintergründen