Gruppe W – Corporate Design
Wichtige Hinweise
- Was ein Corporate Desing ist und warum das wichtig ist, kannst du am Ende der Seite nachlesen.
- Wenn du dir unsicher bist, wie du das Corporate Design richtig anwendest sprich gerne die Abteilung Media an.
- Vor der Verwendung durch Dritte (z.B. bei externen Streams, Auswärtsevents, etc.) ist bitte mit der Abteilung Media Rücksprache zu halten.
Logo
Das Logo gibt es in verschiedenen Varianten und Auflösungen. Bitte beachte die Vorgaben zur Darstellung und Arrangement des Logo!
Standard
- Anwendungsfall: Grundsätzlich zu verwenden (u.a. Missionsbanner, Thumbnails, Grafiken, Präsentationen, Flyer, etc.).
- Einschränkungen: Keine, beachte aber bitte die Do’s & Dont’s weiter unten.
- Varianten: 250px, 500px, 1.000px im .png-Format.
- Downloadverzeichnis
Bildmarke
- Anwendungsfall: Wenn die Darstellung des Logos so klein wird, dass der Schriftzug “Tactical Gaming” nicht mehr gut lesbar ist.
- Einschränkungen: Keine, beachte aber bitte die Do’s & Dont’s weiter unten.
- Downloadverzeichnis
Schwarz-Weiß
- Anwendungsfall: Bspw. besonderen Ereignisse oder Anlässe (z. B. Trauerfall).
- Einschränkungen: Vor Verwendung bitte Rücksprache mit Abteilung Media halten.
- Downloadverzeichnis
Icon & Text im Logo
- Anwendungsfall: Darstellung von Text oder Icon im Gruppe W - Logo in speziellen Fällen. Das kann bspw. das Icon einer Gruppe W Abteilung oder Mod sein bzw. im Textfall der entsprechende Name.
- Einschränkungen: Vor Verwendung bitte Rücksprache mit Abteilung Media halten.
- Downloadverzeichnis
SVG-Version
- Anwendungsfall: -
- Einschränkungen: Vor Verwendung bitte Rücksprache mit Abteilung Media halten.
- Downloadverzeichnis
Farben
Dem Logo folgend gibt es jeweils drei Blautöne und Graustufen, die je nach Arrangement genutzt werden können. Es ist aber auch möglich mit schwarz und weiß zu arbeiten. Bei den Farben ist es wichtig, dass sie zum Rest des Bildes passen. Daher gibt es hier einen gewissen Gestaltungsspielraum.
Gruppe W – Blautöne
Helles Blau
- HEX:
#1C7FDF
| RGB | HSV |
|---|---|
| 28 | 209 |
| 127 | 87 |
| 223 | 87 |
Mittleres Blau
- HEX:
#1067CF
| RGB | HSV |
|---|---|
| 16 | 212 |
| 103 | 92 |
| 207 | 81 |
Dunkles Blau
- HEX:
#0956C3
| RGB | HSV |
|---|---|
| 9 | 215 |
| 86 | 95 |
| 195 | 76 |
Gruppe W – Graustufen
Helles Grau
- HEX:
#787A7A
| RGB | HSV |
|---|---|
| 120 | 180 |
| 122 | 1 |
| 122 | 47 |
Mittleres Grau
- HEX:
#3C3E41
| RGB | HSV |
|---|---|
| 60 | 215 |
| 62 | 7 |
| 65 | 25 |
Dunkles Grau
- HEX:
#1C1D1E
| RGB | HSV |
|---|---|
| 28 | 210 |
| 29 | 6 |
| 30 | 11 |
Gruppe W – Weitere Farben
Um den Gestaltungsraum zu erweitern können folgende Farben und Kontraste genutzt werden.
Weiß
- HEX:
#FFFFFF
| RGB | HSV |
|---|---|
| 255 | 0 |
| 255 | 0 |
| 255 | 100 |
Schwarz
- HEX:
#000000
| RGB | HSV |
|---|---|
| 0 | 0 |
| 0 | 0 |
| 0 | 0 |
Schriftbild
Als Schriftbild nutzen wir die Font-Familie “Roboto”.
Überschriften
- Font: Robo Black
- Darstellung: Prägnante Darstellung in Großbuchstaben, deutlich größer dargestellt als die übrigen Textelemente.
Untertitel
- Font: Robo Light
- Darstellung: Der Überschrift deutlich untergeordnet. Schriftgröße in Abhängigkeit zur Textbreite der Überschrift wählen, damit das Arrangement homogen wirkt.
Fließtext
- Font: Roboto
- Darstellung: In etwas doppelt so klein wie die Schriftgröße der Überschrift.
Do’s & Dont’s
Folgend eine Checkliste und Beispiele, wie das Logo und seine Farben nicht kombiniert oder verwendet werden sollten. Wenn du dir unsicher bist, sprich einfach die Abteilung Media an. Wir helfen dir dann gerne weiter.
Die Do’s
- Platziere das Logo auf deinem Bild so, dass es sich sauber von den übrigen Bestandteilen des Bildes abhebt und nicht vermischt wird oder untergeht.
- Achte bei der Platzierung von Headlines oder Text auf deinem Bild, dass deine hauptsächlichen Bildinhalte oder das Logo nicht überdeckt werden und man den Text gut und sauber lesen kann.
- Achte bei der Anwendung der Farben darauf, dass sie zum Rest des Bildes passen und sich nicht “beißen”.
Die Dont’s
- Das Logo darf nicht verändert werden.
- Die Proportionen des Logos sind beizubehalten.
- Das Logo darf keine Transparenz aufweisen.
Sonstiges
Hier findest du ein paar weiterführende Vorlagen.
Balken für Überschriften
Wozu ein Corporate Design?
Ein Bild sagt mehr als tausend Worte.
Das bekannte Sprichwort trifft den Nagel auf den Kopf: Wir nehmen visuelle Informationen am besten in Bildform wahr und behalten sie außerdem länger im Kopf als die bekannte Wand aus Text. Unser Logo ist das Aushängeschild nach außen - unsere Visitenkarte, sozusagen. Ziel ist es, dass man das runde Bild mit dem Wolf und dem blauen W ohne großes Nachdenken mit unserer Community und unserem Selbstbild verknüpft.
Damit diese unterbewusste Verknüpfung gelingt, ist es wichtig, dass unsere Visitenkarte immer gleich aussieht, egal wo eine Betrachterin oder Betrachter sie virtuell aufheben mag. Dazu gibt es ein paar Spielregeln, die man bei der Verwendung unseres Logos beachten muss.
Wenn du dir unsicher bist oder nicht so recht weiß, was hiermit gemeint ist, sprich die Abteilung Media an. Wir helfen dir dann gerne weiter.