TeamBank-MarkenstilGrafische Elemente

Icons

Icons helfen dabei, Inhalte zu strukturieren und einfach zu vermitteln. Sie sind Stilmittel, um ein Layout aufzulockern und sollten stets nach dem Prinzip „einfach“ eingesetzt werden. Sie werden immer in einem Kreis dargestellt und füllen 80% von dessen Fläche aus.

In den folgenden Varianten können die Icons gezeigt werden: negativen Variante (TeamBank-Blau mit weißem Piktogramm) oder in der positiven Variante (weiß mit Piktogramm in TeamBank-Blau). Die schwarzen Icons werden u.a. als Webfont eingesetzt und können im Digitalen Styleguide als einzelne Icons (.SVG) oder im Set heruntergeladen werden.

Buttons

Schaltflächen, Call-to-Actions oder Buttons sehen so aus wie im Folgenden abgebildet. Hierbei stehen flächige Buttons und Schaltflächen mit Outline zur Verfügung. Weitere Informationen zu Interface Elementen sind im TeamBank-Digital Styleguide hinterlegt.

Störer

Bei Bedarf kann ein Störer verwendet werden. Neben den Primärfarben als Farbverlauf bietet sich hier das Hinzunehmen von Magenta und Gelb an, um das Erscheinungsbild stärker von den Mitbewerbern zu unterscheiden. Zum anderen fällt ein Störer in anderen Farben wesentlich stärker auf.

Als Schrift innerhalb eines Störers wird ausschließlich die ITC Officina Sans Std Bold (als Headline) und/ oder ITC Officina Sans Std Book (als Fließtext) verwendet. Eine Ausnahme stellt die Verwendung in PowerPoint dar. Hier kommt Arial Bold zum Einsatz. Der Text ist je nach Form linksbündig oder rechtsbündig ausgerichtet. Es dürfen nur die im Folgenden gezeigten Formen und Farbverläufe für die Störer verwendet werden.

Grafiken

Bei der Erstellung von Grafiken muss darauf geachtet werden, dass diese so simpel wie möglich gehalten werden. Wenn in PowerPoint „Smart Arts“ verwendet werden, muss gewährleistet werden, dass die Flächen in TeamBank-Farben eingefärbt sind. Die gezeigten Anwendungsbeispiele beziehen sich speziell auf PowerPoint, gelten allerdings auch für die Erstellung von Grafiken in anderen Programmen.

Diese Grafiken werden nur zur Visualisierung von Diagrammen und Infografiken verwendet und stellen kein übergeordnetes Designelement dar.

Don’ts bei der Gestaltung von Grafiken

Bei der Erstellung von Grafiken müssen folgende Punkte beachtet werden:

• Die Grafik darf nur in den definierten Farben des Corporate Designs eingefärbt werden (Abb. 01).
• Die Grafik muss zweidimensional sein (Abb. 02).
• Die Grafik darf keine Effekte beinhalten (Abb. 03).
• Die Grafik sollte möglichst keine Kontur haben (Abb. 04).
• Bei der Wahl der Schriftgröße sollte stets auf genug Platz und Lesbarkeit geachtet werden (Abb. 05).