Designsystem

Das R+V-Designsystem, mit Ursprung im Digitalen, bietet eine hohe Flexibilität in der Gestaltung. Es transportiert die Identität unserer Marke über alle Formate und Kanäle. Durch eine klare Struktur wird Wiedererkennbarkeit und Individualität gewährleistet.

In drei Schritten zum Layout

Das Designsystem der R+V besteht aus flexiblen Elementen, die gemäß den Designregeln angeordnet werden. Der Layoutaufbau erfolgt in drei Schritten:

Schritt 1: Formatteilung

Schritt 2: Platzierung der Logos

Schritt 3: Platzierung der Botschaften

Schritt 1: Formatteilung

Raster

Zur Bestimmung der Größen aller Elemente wird ein Raster im Standardformat aus 14×14 Rasterzellen aufgebaut. Der dahinterliegende erweiterte Raster aus 28×28 Rasterzellen ist für die Feinjustierung im Layoutaufbau nutzbar.


X = 1/14 der kurzen Formatseite bei Standardformaten

Weitere Anwendungsbeispiele für Extremformate finden Sie unter Anzeigen und Online-Banner.

Dunkelblaue Flächen

Das Format wird unterteilt in Bilder und dunkelblaue Fläche. Die dunkelblaue Fläche befindet sich im Hintergrund; Bilder werden auf der Fläche platziert. Bei drei Schnittstellen wird das Bild oben und unten am Satzspiegel ausgerichtet.

Bei der Platzierung der dunkelblauen Flächen sind folgende Ausrichtungen möglich:

Eine Schnittstelle:

vertikal oder horizontal

Zwei Schnittstellen:

vertikal und horizontal

Drei Schnittstellen:

Die Fläche kann sich vom oberen und unteren Formatrand trennen.

Don’ts

Trotz des flexiblen Designsystems mit seinen vielen Layoutmöglichkeiten werden einige Flächenkonstruktionen ausgeschlossen. Somit ist sichergestellt, dass Layouts immer ein offenes, aber auch zusammenhängendes Gefühl vermitteln.

Durchgehende Flächen von oben:

Es gilt, schwer und drückend anmutende Kompositionen zu vermeiden.

Bilder ohne Anschnitt mit dem Formatrand:

Bilder müssen mindestens an einen Formatrand reichen.

Unausgewogenes Größenverhältnis von Bild und dunkelblauer Fläche:

Ausbalancierte Kompositionen unterstützen das Konzept, auf Augenhöhe zu sein.

Schritt 2: Platzierung der Logos

Die Logogrößen werden anhand der X-Einheit definiert.
Die Breite einer Rasterzelle im Standardformat beträgt X, wobei X 1/14 der kurzen Formatseite entspricht.

Standard R+V-Logo mit Claim

Das R+V-Logo ist im Standard-Raster

  • inklusive Schutzzone 6 X und

  • ohne Schutzzone 4 X breit.

 

Das Logo wird unter Einhaltung der Schutzzone immer in einer Ecke des Satzspiegels und auf der dunkelblauen Fläche platziert. 

Platzierungen auf Bildern sind Sonderfälle und für die jeweiligen Anwendungen einzeln definiert.

Standard GFG-Logo mit Deskriptor

Das Logo der Genossenschaftlichen FinanzGruppe ist im Standard-Raster

  • inklusive Schutzzone 5,5 X und
  • ohne Schutzzone 3,5 X breit.

 

Das Logo wird unter Einhaltung der Schutzzone in einer Ecke des Satzspiegels platziert.

Das GFG-Logo ohne den Deskriptor "Die Versicherung in der" ist als Sonderfall für einzelne Anwendungen definiert.

Weitere Platzierungsregeln

 

Wenn das R+V-Logo und das GFG-Logo übereinander angeordnet werden, befindet sich das R+V-Logo bevorzugt oben.

 

Ausnahmen sind Literatur und Extremformate mit Bild: Bei Literatur wird das R+V-Logo stets rechts unten auf der Titelseite platziert, das GFG-Logo auf der Rückseite. Bei Extremformaten mit Bild rückt das GFG-Logo nach oben, damit das R+V-Logo auf der dunkelblauen Fläche stehen kann.

Schritt 3: Platzierung der Botschaften

Schriftelemente

Die R+V-Headlines sind immer zweifarbig: Weiß und ein orangenes Highlight, das einen bestimmten Textinhalt betont.

Bei plakativen Anwendungen (z. B. Anzeigen oder Titelseiten von Broschüren) werden Headlines auf der dunkelblauen Fläche jeweils in Weiß mit der Highlightfarbe Orange Hell gesetzt.

Auf einer sandfarbenen oder weißen Fläche wird die Farbkombination Dunkelblau mit der Highlightfarbe Orange Dunkel verwendet.

 

Oberste Markenebene:

Headlines auf dunkelblauer Fläche nutzen das helle Orange in Kombination mit Weiß.

 

Tiefere Markenebene:

Headlines auf hellen Hintergründen nutzen das dunkle Orange in Kombination mit Dunkelblau.

Schriftgrößen

Die Schriftgrößen ergeben sich aus dem ermittelten X des jeweiligen Formates und sind in allen Templates als Formatvorlagen hinterlegt.

Alle Textelemente unterliegen den definierten Abständen. Können diese nicht eingehalten werden, muss das Layout mit einer anderen, in der Schriftgrößen-Hierarchie darunter definierten Schriftgröße, aufgebaut werden.

Die Schriftgrößen sollten bei ausreichendem Platz so gewählt werden, dass ein stimmiges Gesamtbild entsteht.

Topline-Größe 1: 3/4 X
Topline-Größe 2: 1 X
(ab einer Headline-Größe von 3 X!)

Headline-Größe 1: 2 x
Headline-Größe 9: 4 x
(Skalierung in 1/4-X Schritten)

Copy-Größe 1: 3/4 X
Copy-Größe 2: 1 X

Kleingedrucktes/Zusatzinfos: 1/2 X

 

X = 1/14 der kurzen Formatseite: Die Schriftgrößen beziehen sich auf das X und nehmen dessen Wert an. Das heißt, dass der Wert des X in mm zur Schriftgröße in pt übertragen werden muss.

Beispiel: X = 15 mm entspricht einer Headline-Größe 1 = 30 pt (15*2)!

Störer

Störer werden in der Farbe R+V Mint gestaltet. Zur Hervorhebung von Informationen können innerhalb eines Störers zwei verschiedene Schriftschnitte verwendet werden (R+V-Hausschrift in Black und Bold). Schriftfarbe auf Mint ist R+V-Dunkelblau. Die Verwendung eines zusätzlichen Icons ist ebenfalls möglich.

Vermaßung

  • Höhe: 2,5 X bzw. 3 X
  • Satzspiegel umlaufend: 1/4 X

Buttons

Buttons können in zwei Größen gestaltet werden. Hintergrundfarbe ist R+V Mint, die Schriftfarbe R+V Dunkelblau. Die Buttonbeschriftung wird in der R+V-Hausschrift in gemischter Schreibweise gesetzt.

Extremformate

Um auch bei Extremformaten dem Erscheinungsbild treu zu bleiben und gleichzeitig die Einsatzgrößen der Elemente zu ermitteln, wird das Raster auf der kurzen Formatseite angepasst.

Standardformat und Extremformat im Vergleich

 

 

Standardformat

 

Extremformat

Raster für Extremformate

 

Beispiel: DIN Lang
Seitenverhältnis geringer als 
1:2,5 bis 1:2 = 10×14-Raster (20×28)
X=1/10

Beispiel: DIN A4
Seitenverhältnis geringer als
1:3,3 bis 1:2,5 = 8×14-Raster (16×28)
X = 1/8

Schematische Übersicht

 

Einteilung der verschiedenen Formate/ Seitenverhältnisse (SV)

SV 1:3,3 oder höher = 6×14 Raster

SV geringer als 1:3,3 bis 1:2,5 = 8×14-Raster

SV geringer als 1:2,5 bis 1:2 = 10×14-Raster

SV geringer als 1:2 bis 1:1 = 14×14-Raster

 

Ansicht für querformatige Extremformate