Stand Juli 2021
Styleguide
Basics für Händler
2 ratenkauf by easyCredit – Corporate Design Basics Inhalt 2
Inhalt
Basiselemente
Das Logo 3
Die Farben 8
Die Typografie 11
Grid & Partnerbranding 14 Icons & Piktogramme 18
Störer und Buttons 24
Kontakt 26
Das Logo
4 ratenkauf by easyCredit – Corporate Design Basics Basiselemente
Logo – Wort-Bildmarke
Logo
Unser Logo ist unser un verwechsel
bares Erkennungs zeichen: das Zeichen, durch das uns die Außen
welt wahr nimmt und als Marke identi fiziert. Um einen konsistenten Auf tritt zu gewähr leisten, darf unser Logo nur ent sprechend den nachfol genden Regeln zum Einsatz kommen.
ratenkauf by easyCredit ist eine Marke mit deutlicher Stützung durch die übergeordnete Marke easyCredit.
Es wird immer das Logo mit der easyCreditStützung eingesetzt.
Die Bildmarke ist immer rechts neben der Wortmarke platziert und darf nicht geändert werden.
Logo im Einsatz
Wenn nicht anders möglich, S/WLogo in 100% Schwarz
In Ausnahmefällen kann das negative Logo auf einem ruhigen Hintergrund
bild stehen.
Unser Logo
Wann immer möglich soll das blaue ratenkauf by easyCreditLogo (PositivVersion des Logos) auf weißem bzw. hellem Hinter grund stehen. Es kann auch in weiß auf blauem bzw. dunklem Hinter grund ab gebildet werden (NegativVersion des Logos). Dieser muss immer so gewählt werden, dass das Logo genug Farb kontrast auf weist.
Un ruhige Bild hinter gründe sind nicht zulässig.
Nur wenn nicht anders möglich, kommt das S/WLogo mit 100%
Schwarz zum Einsatz (z.B. bei Stempeln).
6 ratenkauf by easyCredit – Corporate Design Basics Basiselemente
x = Schutzzone / Optimaler Abstand
x
x x
x x
Mindestgröße des Logos Breite: 25 mm h x b: 24px x 213px
Schutzzone und Mindestgröße
Größe und Abstände
Unser Logo braucht einen Frei raum, der optimaler weise gleich mäßig um laufend dem Abstand x entspricht.
Logo-NOgo
NO! Kein quetschen und kein stretchen. NO! Sekundärfarbe ist nie Logofarbe. NO! Logo steht nicht auf Mustern oder hat Schatten.
NOgo in der Logonutzung So sollte das Logo nicht eingesetzt werden:
∙ Kein quetschen und kein stretchen!
∙ Logofarben nicht ändern, auch nicht mit anderen eCFarben Sekundärfarben sind nie Logofarben.
∙ Logo steht nicht auf Mustern oder hat einen Schlagschatten.
∙ Ausreichend Kontrast zwischen Logo und Hintergrund muss immer gegeben sein.
∙ Logo steht nicht auf Fotos im Zentrum oder so dass, sich Bild und Logo gegenseitig stören.
∙ Das Logo steht nicht in Konkurrenz mit anderen Objekten.
NO! Ausreichend Kontrast, bitte! NO! Logo steht nicht auf Fotos im Zentrum NO! Logo steht nicht in Konkurrenz.
8 ratenkauf by easyCredit – Corporate Design Basics
Die Farben
Farben
Primärfarbe Sekundärfarbe Weißraum Tertiärfarben
10 ratenkauf by easyCredit – Corporate Design Basics Basiselemente
easyCreditDigitalblau
Die Farbwerte
easyCreditHellblau
easyCreditMittelgrau
easyCreditHellgrau easyCreditGrün
Pantone CMYK RGB HEX HKS RAL
easyCreditBlau Pantone 2945 100 / 60 / 0 / 0 0 / 102 / 179 #0066B3 HKS 44 RAL 5005
easyCreditOrange Pantone 1655 0 / 70 / 100 / 0 237 / 101 / 1 #F37122 HKS 8 RAL 2004
easyCreditDunkelblau Pantone 289 100 / 65 / 0 / 60 0 / 44 / 90 #002C5A HKS 42 RAL 5003
easyCreditGrün Pantone 381 40 / 0 / 100 / 0 177 / 200 / 0 #B1C800 70% HKS 67 N RAL 6018
easyCreditHellblau Pantone 2905 40 / 5 / 5 / 0 164 / 210 / 231 #A4D2E7 20% HKS 48 RAL 5024
easyCreditMittelgrau Pantone 429 0 / 0 / 0 / 40 177 / 179 / 180 #B1B3B4 50% HKS 92 N RAL 7040
easyCreditHellgrau Pantone 427 0 / 0 / 0 / 10 242 / 242 / 242 #F2F2F2 20% HKS 92 N RAL 7035
easyCreditDigitalblau Pantone 299 90 / 10 / 0 / 0 0 / 158 / 224 #009EE0 HKS 48 RAL 5012
easyCreditPrintschwarz Black 6 40 / 0 / 0 / 100 0 / 0 / 0 #000000 HKS 88 RAL 9005
easyCreditBlau Primärfarbe
easyCreditOrange Sekundärfarbe
easyCreditDunkelblau
Tertiärfarben Weitere Tertiärfarben Primärfarbe
Die wichtigste Farbe unserer Marke entspricht der Farbe unseres Logos, dem easyCreditBlau. Auf der ersten Wahr nehmungs ebene (z.B. bei Pla katen, Titel seiten, in Anzeigen etc.) muss unser Blau immer do minant zum Ein satz kommen.
Sekundärfarbe
Unsere Sekundärfarbe ist das easyCreditOrange. Diese Farbe dient vor allem dazu, ver käuferische Ak zente zu setzen. Unser easyCredit
Orange sollte nicht groß flächig ver wendet und darf nicht auf
gerastert werden.
Tertiärfarben
Die Tertiärfarben finden Ver wendung, wenn außer den Primär und Sekundär farben noch zu sätz liche Farben benötigt werden, um z.B.
In halte zu gliedern, Dia gramme dar zustellen oder in Illustrationen.
Um die Plakativität der Medien zu gewährleisten ist es wichtig zu beachten, dass es keine weiteren Abstufungen der einzelnen Farbtöne gibt.
Die Typografie
12 ratenkauf by easyCredit – Corporate Design Basics Basiselemente
ABCDEFGHIJKLMNOPQRSTU VWXYZÄÖÜabcdefghijklmnop qrstuvwxyzäöü1234567890
!„“$%&/()=?ß-+#*'–€
.,;:æœø@©®ÆŒfl‰»
• Eins
• Zwei
• Drei ABCDEFGHIJKLMNOPQRSTU
VWXYZÄÖÜabcdefghijklmnop qrstuvwxyzäöü1234567890
!„“$%&/()=?ß-+#*'–€
.,;:æœø@©®ÆŒfl‰»
• Eins • Zwei • Drei
Arial Arial
Bold Regular
A A
Typografie
Die Haus schriften
von easyCredit ist die ITC Officina Sans Std und Arial
Bei externer Kommuni kation in offenen Datei formaten, wie Word und Powerpoint, wird zusätzlich zur Haus schrift die Arial ein gesetzt.
Es kommen nur die Schriftschnitte Bold und Regular zum Einsatz.
Auszeichnungen und Zwischen
überschriften innerhalb des Textes können in der Arial Bold in gemischter Schreibweise gesetzt werden. Aufzählungen werden mit Punkten (•) eingeleitet.
Lorem ipsum
ratenkauf by easyCredit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis tes, nascetur ridiculus mus. Lorem iolor sit amet, consectetuer adipi scing elit. Aenean commodo ligula eget dolor. Aenean massa.
• Cum sociis nato nec, pellentesque eu pretium quis, sem.
Nulla consequat massa quis 1234.
Der einfachste Ratenkauf Deutschlands.
Ganz entspannt in Raten zahlen.
Ihre Chance auf mehr Umsatz.
IBAN DE34 7603 2000 1002 4562 78 08 00/85 86 000
T +49 (0) 911/53 90-0
Typografie im Einsatz
Headline Beispiel
SG: 40 pt / ZAB: 110% SG / linksbündig / Laufweite: 0
Subline Beispiel
SG: 15 pt / ZAB: 120% SG / linksbündig / Laufweite: +15
Fließtext Beispiel
SG: 8 pt / ZAB: 120% SG / linksbündig / Laufweite: +15
1 Leerzeichen 1 Leerzeichen
1 Leerzeichen
Im Text wird der Marken name immer in der hier ge zeigten Weise ge schrieben, in einem Wort und mit großem C. Der Marken name darf nicht ge trennt werden. Kopplungen werden nur nach dem Marken namen getrennt. Zusammen ge setzte Wörter werden mit einem Binde strich nach dem Marken namen gebildet. Im Fließ text wird easyCredit ohne „®“
und „@“ geschrieben.
Eine Logo platzierung im Fließ text ist nicht vor gesehen.
Zahlen werden gruppiert und durch ein Leerzeichen getrennt.
14 ratenkauf by easyCredit – Corporate Design Basics
Grid &
Partnerbranding
Größenverhältnis
Platzierung
Mindestgröße Breite: 25 mm
Partnerbranding
Alle Maßnahmen, die ratenkauf by easyCredit seinen Partnern zur Ver
fügung stellt, werden mit dem raten
kauf by easyCreditLogo und dem Logo der Genossen schaftlichen FinanzGruppe gekenn zeichnet.
Die Breite des Logos der Genossenschaftlichen FinanzGruppe richtet sich nach der Breite der Stützung "by easyCredit".
Ist eine zentrierte Darstellung beider Logos notwendig, so muss ein Mindestabstand entsprechend der Höhe des Logos ratenkauf by easyCredit eingehalten werden.
Partnerbranding
16 ratenkauf by easyCredit – Corporate Design Basics
Icons und
Piktogramme
Icons und Piktogramme im Einsatz
18 ratenkauf by easyCredit – Corporate Design Basics Gestaltungselemente
Icon-Bibliothek
Stil
Stilistisch basieren die Icons auf zwei Dimensionalen, geometrischen Formen. Sie weisen spannenden Kontrast von abgerundeten und harten Ecken und Kanten.
Vermeiden Sie doppelte Icons mit dem gleichen Symbol, aber unterschiedlicher Bedeutung und andersherum.
NO! Kein quetschen und kein stretchen. NO! Keine komplizierten OutlineIcons. NO! Keine Tertiärfarben.
NO! Keine Verläufe, Verwendung nur in Kreisform. NO! Keine 3DDarstellung. NO! Keine Emojis.
Icon-NOgo
Icon NOgo
So sollten Icons nicht eingesetzt oder gestaltet werden:
∙ Kein quetschen und kein stretchen.
∙ Keine komplizierten OutlineIcons und keine spitzen Winkel.
∙ Keine Tertiärfarben – Ausnahmen bilden MouseOverEffekte und Highlights (grün oder orange) in Animationen
∙ Verwenden Sie keine Verläufe, Schattierungen und auch keine anderen Hintergrundformen außer die Kreisform.
∙ Keine 3D-Darstellung, die Icons haben flache, flächige Formen.
∙ Keine Emojis, ClipArts oder dergleichen.
20 ratenkauf by easyCredit – Corporate Design Basics
Störer & Buttons
Dolor sit
8°amet.
Lorem Ipsu m
Ganz entspannt
in Raten zah in Raten zah
len
Umsatz
Ihre Chance auf mehr
8°
Der einfach ste Ratenkauf
Deutschland s.
Ganz entspannt in Raten zahlen.
8°
Ihre Chance auf mehr
Umsatz.
Ganz entspannt in Raten zahlen.
Störer und Buttons
Oranger Störer Blauer Button
80% der Gesamtgröße
80% der Gesamtgröße
Text in der Mitte ausrichten Ecken abgerundet Schlagschatten
40% Deckkraft Störer auf Button
Störer zweizeilig
Störer mehrzeilig
Blauer Kreis
Die Position des Textes im Kreis muss unter Einhaltung der angegebenen Maße erfolgen. Der dort enthaltene Text muss 80% der Kreisfläche in Höhe und/oder Breite ausmachen und ist entsprechend zu skalieren. Der Textblock wird mit einem Winkel von 8° platziert.
Der Button ist exklusiv für Druckerzeugnisse und sollte digital nicht benutzt werden.
Dieses Element darf ausschließlich in der Primärfarbe zum Einsatz kommen.
Oranger Störer
Störer werden ausschließlich in der Sekundärfarbe gesetzt und mit einem Winkel von 8° platziert.
Der Störer kann digital auch verwendet werden.