JAW BRANDBOARD

Jugend am Werk steht für Teilhabe, Vielfalt und soziale Verantwortung. Das visuelle Erscheinungsbild macht diese Werte sichtbar – klar, beständig und authentisch.

Look & Feel

Diese Brand Guideline legt die gestalterischen Grundlagen fest und macht die Marke in allen Anwendungen erlebbar.

Logo
Farbwelt
Typografie
Bildwelt
Layout
Anwendung
Ableitungen

Logo

Das Logo in Farbe kommt bevorzugt zum Einsatz. In Ausnahemfällen kann das Logo auf Rot oder Rubin platziert werden, dann wird die weiße Variante verwendet. Auch wenn die Sichtbarkeit des Farblogos bei der Platzierung auf Bildern nicht garantiert ist, kann stattdessen die weiße Variante verwendet werden.

Details und Winkel

Schriftart
Rubik Medium – die Laufweite wurde im Nachhinein erhöht und nachspationiert, diverse Buchstaben nachbearbeitet und optisch angepasst.

Winkel
Die Schrägen im Logo sind als Grundlage vieler grafischer Designelemente in der weiterführenden Layoutanwendung zu sehen. Als wiederkehrende Bausteine stellen sie einen grundlegenden Bestandteil des Corporate Designs dar und geben der Gestaltung in ihrer Gesamtheit einen starken und aussagekräftigen Charakter.

Ohne Slogan

Mit Slogan

Graustufen ohne Slogan

Für spezielle Anwendungen gibt es eine Graustufenvariante
und 1C Schwarz und Weiß Versionen des Logos.

Graustufen mit Slogan

Logovarianten

Logobasis mit Zusatz der jeweiligen Institution

Mindestgrößen mit Slogan

Die Mindestgröße des eingesetzten Logos sollte mindestens 20 mm in der Breite betragen. Somit kann die Lesbarkeit der Schrift im Logo gewährleistet und im weiteren Schritt die Erkennbarkeit der Bildmarke sichergestellt werden.

Unter einer Größe von 25 mm wird das Logo nur noch ohne Zusatz (Slogan oder Institution) eingesetzt.

60 mm Breite

25 mm Breite

20 mm Breite

Mindestgrößen ohne Slogan

60 mm Breite

25 mm Breite

20 mm Breite

Safezones

Der empfohlene Mindestabstand, welcher das Logo umgibt, verhält sich in Relation zur Logogröße und beträgt immer die Länge x. Der Wert x entspricht der Logohöhe (gemessen vom höchsten bis zum tiefsten Punkt beider Balken).

LOGOS DOWNLOADEN

Farben

Die beiden Primärfarben sind Rot und Rubin.
Sekundärfarben werden für die Unterstreichungen der Headlines und andere gestalterische Elemente (z. B. Aufzählungszeichen) eingesetzt. Sie sind Abstufungen der Farbtöne der Primärfarben und kommen nur in Kombination mit ihrer Hauptfarbe zum Einsatz.

ROT

CMYK 0/100/95/0
RGB 230/5/30
PANTONE 1795 C | 1795 U
RAL 3020 – Verkehrsrot

RUBIN

CMYK 0/100/35/50
RGB 140/5/45
PANTONE 209 C | 209 U
RAL 4004 – Bordeauxviolett

40 % von ROT

CMYK 0/40/38/0
RGB 246/176/152
Einsatz auf Weiß

60 % von ROT

CMYK 0/60/57/0
RGB 240/130/103
Einsatz auf Rot

60 % von RUBIN

CMYK 0/60/21/30
RGB 185/105/122
Einsatz auf Rubin

Graustufen

Für den Fall, dass das Design in Graustufen angewendet werden muss, wurden die untenstehenden Grautöne entsprechend der Primärfarben definiert.
Rot = Grau, Rubin = Schwarz, Hellgrau wird für Unterstreichungen verwendet.
Das Colorcoding (Incoming/Outgoing) wird bei der Graustufen-Anwendung nicht berückschtigt.

HELLGRAU

CMYK 0/0/0/67
RGB 168/168/167

GRAU

CMYK 0/0/0/46
RGB 124/124/123

Schwarz

CMYK 0/00/100
RGB 0/0/0

Colorcode

Der Colorcode betrifft das Cover/die Vorderseite der Werbemittel. Auf Folgeseiten dürfen beide Farben zum Einsatz kommen.

Rot = Werbemittel incoming
Rubin = Werbemittel outgoing

Typografie

Hierarchie entsteht durch verschiedene Schriftschnitte und -größen. Durch Unterstreichungen in einem helleren Farbton werden Headlines besonders hervorgehoben. Headlines und Hervorhebungen sind rot, der Fließtext schwarz, auf farbigem Hintergrund ist der Text weiß.

Hauptschrift

Regular und Semibold sind die bevorzugten Schriftschnitte.

Aa

Rubik, Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Aa

Rubik, Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Aa

Rubik, Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Aa

Rubik, Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Ausnahmeanwendung

Wenn die Hauptschrift des Designs Rubik nicht für die Anwendung verfügbar ist, kann in Ausnahmefällen auf die Systemschrift Tahoma zurückgegriffen werden.

Aa

Tahoma, Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Aa

Tahoma, Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(.,:;?!€&*)

Bildwelt

Layout

Raster und Gestaltungselemente

Logoplatzierung

Das Logo wird in der Mitte oder oben rechts platziert.
Bei guter Sichtbarkeit darf das Logo auf Bildern angewendet werden.

Layout und Raster

Das Layout setzt sich als Baukasten aus Farbflächen, Rahmen und Bildern zusammen. Schräge Farbflächen und Bildelemente nehmen das Design des Logos auf. Abfallende Farbflächen mit Text gliedern das Design und dienen als Gestaltungselement. Bilder werden mit abgerundeten Ecken, in Rastern angeordnet.

Es gibt 3 fixe Größen, die das Verhältnis der Flächen auf Titelseiten beschreiben:
1/2, 1/3 oder 2/5. Die Wahl des Verhältnisses, hängt von der Textmenge ab.
Die Größen der Farbflächen auf Rückseiten und Contentseiten ergeben sich aus dem Inhalt und sind variabel.

Slogan

Der Slogan _vielfalt wirkt wird am unteren Rand rechts auf dem Bild oder in der Farbfläche rechts platziert. Voraussetzung für eine Platzierung am Bild: ruhiger Hintergrund, der eine gute Sichtbarkeit des Slogans garantiert.

URL

Die URL steht bei mehrseitigen Kommunikationsmitteln im Kontaktelement.

Sie kann auf Inhalts- oder Rückseiten rechts unten in der Farbfläche platziert werden. In der One-Frame Kommunikation mit Fernwirkung wandert der Slogan unters Logo und die Domain nimmt seinen Platz ein. Sollte ein QR-Code gewünscht sein, gruppiert sich dieser zur URL.

Icons

Icons werden aus einem festgelegten Pool verwendet. Sparsamer Einsatz zur Unterstützung des Inhalts und des Designs.

Fremd-Logos

Zusätzliche Logos von Dritten werden am unteren Rand der Werbemittel, auf weißem Hintergrund oder in weißen Farbflächen platziert (Lesbarkeit und Abgrenzung vom JAW-Design).