TKKG Logo

Brand Guidelines & Assets

Stand 18.04.2023

TKKG Gruppenbild

Ein Branding für das Detektivteam

TKKG – die vier Freunde Tim, Karl, Klößchen und Gaby haben seit über 40 Jahren eine treue Fanbase, die sich mit den Charakteren identifizieren und die Abenteuer mit Begeisterung verfolgen. Die Marke wird von Fans auf vielfältige Weise gelebt und ist ein wichtiger Teil der Jugendkultur in Deutschland.

TKKG hat einen hohen Wiedererkennungswert durch das Logo mit den vier Buchstaben und die typischen Illustrationen der Charaktere einschließlich Hund Oskar. Neben der Produktwelt bestehend aus Büchern, Hörspielen und Merchandise, ist TKKG auch in den sozialen Medien präsent. Das Designkonzept für TKKG ist plakativ, spielerisch und flexibel anwendbar.

Typografie

Typografie

Vierstein Font

Für TKKG gibt es eine eigens gestaltete “Vierstein” Custom Font, die für Web und Print eingesetzt wird. Texte werden im Light-Schnitt eingesetzt und Headlines in Bold. Ihr Charakter ist zwar funktional und bietet eine gute Lesbarkeit, sie hat aber auch kleine freche Ecken und Kanten, die das cartoonartige der Illustrationen aufgreift.

Vierstein Schrift
Charakteristika der “Vierstein” Schrift: kantige Innenflächen & leichte Schrägen an Auf- und Abschwüngen der Buchstaben

Vierstein Bold

Vierstein Bold

Vierstein Light

Vierstein Light

Farben

Farben

Farben

Die Farben spielen eine entscheidende Rolle für die Identität der Marke. Die drei Grundfarben Rot, Blau und Gelb werden durch hellere Abstufungen ergänzt und bieten mehr Flexibilität in der Gestaltung.

Blau

Blau

HEX#0A2D73RGB10, 45, 115CMYK100, 90, 30, 12

Gelb

Gelb

HEX#FFEB00RGB255, 235, 0CMYK5, 0, 90, 0

Rot

Rot

HEX#A50A19RGB165, 10, 25CMYK25, 100, 95, 15

Royalblau

Royalblau

HEX#0E40A4RGB14, 64, 164CMYK98, 78, 0, 0

Hellgelb

Hellgelb

HEX#FFF59BRGB255, 245, 155CMYK2, 0, 50, 0

Hellrot

Hellrot

HEX#C04655RGB192, 70, 85CMYK20, 80, 55, 5

Hellblau

Hellblau

HEX#E8F0FFRGB232, 240, 255CMYK10, 5, 0, 0

Weiß

Weiß

HEX#FFFFFFRGB255, 255, 255CMYK0, 0, 0, 0


Farbkombinationen für Hintergründe

Diese Abstufungen können kombiniert verwendet werden. Mit der hellen Farbe kann ein Spot im Layout gesetzt werden. Der dunklere Farbton ist hierbei immer als Hintergrundfarbe zu verwenden.

Blau & Royalblau

Blau & Royalblau

Gelb & Hellgelb

Gelb & Hellgelb

Rot & Hellrot

Rot & Hellrot

Hellblau & Weiß

Hellblau & Weiß

Farbkombinationen für Texte

Durch die kombinierten Farben entsteht ein fluides und abwechslungsreiches Gesamtbild. Hierfür sind folgende Farbsets vorgesehen, die sich gut kombinieren lassen.

Blau & Weiß

Blau & Weiß

Blau & Gelb

Blau & Gelb

Blau, Gelb & Weiß

Blau, Gelb & Weiß

Gelb & Blau

Gelb & Blau

Gelb & Royalblau

Gelb & Royalblau

Gelb, Blau & Royalblau

Gelb, Blau & Royalblau

Rot & Weiß

Rot & Weiß

Rot & Gelb

Rot & Gelb

Rot, Gelb & Weiß

Rot, Gelb & Weiß

Hellblau & Blau

Hellblau & Blau

Hellblau & Royalblau

Hellblau & Royalblau

Hellblau, Rot & Blau

Hellblau, Rot & Blau

Was man bitte nicht tun sollte

hellen und dunklen Farbton vertauschen
hellen und dunklen Farbton vertauschen
Farbpalette eigenständig erweitern
Farbpalette eigenständig erweitern
zu schwache Farbkontaste wählen
zu schwache Farbkontaste wählen

Grafiken

Grafiken

Grafik Assets

In den Layouts wird immer wieder die Kreisform verwendet. Die Form hat unebene Kanten, die wie von Hand gezeichnet aussehen. Dieses Formelement kann gerne frei verwendet, kombiniert und in einen Anschnitt gesetzt werden.

Kreis Form Vektorgrafik
Kreis Form Vektorgrafik

Anwendungen

Anwendungen

CD Artwork

Die CD-Cover haben ein einheitliches Layout. Auf dem Cover wird ein Teil der Illustration aus dem Bild herausgelöst und als Freisteller räumlich vor dem Cover-Motiv platziert. Dieses Stilmittel soll bei allen neuen Cover-Motiven angewandt werden. Die Positionen und Größe von Logo, Typografie, Bild und Hintergrundgrafik dürfen nicht beliebig verändert werden.

CD Artwork Vorderseite
CD Artwork Rückseite

Buch Artwork

Buch Artwork Vorderseite
Buch Artwork Rückseite

Social Media Posts

Bei den Social Media Posts besteht eine größere gestalterische Freiheit, da verschiedene Inhalte und Bildelemente untergebracht werden können. Trotzdem sollte versucht werden, Grafikelemente und Schriftgrößen einheitlich zu verwenden. Auch sollten wiederkehrende Motive wie "der Fall der Woche" im Layout gleich aufgebaut sein. Die Motive sollten plakativ sein. Dabei sind zu kleine Schriftgrößen zu vermeiden.

Social Media Post
Social Media Post
Social Media Post
Social Media Post
Social Media Post
Social Media Post
Social Media Post
Social Media Post

Einsatz von Motion in Social Media

Der Einsatz von Bewegung sorgt für mehr Lebendigkeit auf den Social Media Plattformen. Um die Lesbarkeit trotz Animation weiterhin zu gewährleisten, sollten hierbei dezente und ruhige Bewegungen eingesetzt werden, die den Lesefluss nicht stören. Der Fokus der Animatin liegt hierbei auf den Illustrationen und Hintergrundgrafiken.


Profilbilder

Einheitliche Titel-Motive sorgen dafür, dass der Markenauftritt auf den verschiedenen Social Media Kanälen wie Instagram, Facebook oder TikTok konsistent ist. Dadurch wird die Wiedererkennbarkeit der Marke gestärkt.

Profilbild
Profilbild
Profilbild
Profilbild

Profilheader

Für die Profilheader gelten unterschiedliche Anforderungen auf den jeweiligen Plattformen. Dafür dienen hier verschiedene Headerbilder für Social Media und Spotify als Inspiration.

Profilheader
Profilheader
Profilheader

Merchandise

Indem die TKKG-Fans Merchandise-Artikel kaufen, zeigen sie ihre Verbundenheit zur Marke. Das stärkt die Kundenbindung und fördert eine positive Einstellung gegenüber der Marke TKKG. Bei der Gestaltung der Artikel sollten Schrift und Bildelemente wie auch in den digitalen Formaten konsequent und plakativ angewandt werden.

Merchandise
Merchandise
Merchandise
Merchandise
Merchandise
Merchandise
Merchandise
Merchandise
Merchandise