Living Styleguide

Im Folgenden möchten wir die Basis-Formate, und Stile und Farben listen, die im Projekt verwendet werden. Dieser Styleguide wird sukzessive weiterentwickelt und stellt immer den aktuellen Status Quo dar.

Colors

#FFFFFF

Weiss

#000000

Schwarz

#262C31

grau (darker)

#485865

Grau (dark)

#929FA7

grau (light)

#C9CFD2

Grau (lighter)

#2B6874

Türkis (daRK)

#0096A9

Türkis

#85BB25

Grün

#739435

Grün (dark)

#E6E6E6

Grau (Warm)

#E50000

toyota Rot

#AE0F09

toyota Rot (dark)

#FFC107

Gelb

Headlines & Copytext

H1: Überschrift erster Ebene

H2: Überschrift zweiter Ebene

H3: Überschrift

H4: Überschrift vierter

H5: Überschrift fünfter Ebene

H6: Überschrift sechtser Ebene

Copytext: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Absatz im Copytext: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Formatierter Copytext (via WYSIWYG-Editor): Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Listenpunkt Ebene 1
- Listenpunkt Ebene 2
  - Listenpunkt Ebene 3

Aufzählung Ebene 1
1. Aufzählung Ebene 2
  1. Aufzählung Ebene 3

ein weiterer Test-Text

Buttons

Primary Buttons "Normal":

PRIMARY-Button (Default/Standard)

PRIMARY-Button (alternative-Farbe)

PRIMARY-Button + Icon

Secondary Button "Normal":

Secondary-Button

Primary Buttons "Important":

PRIMARY-Button (Default/Standard)

PRIMARY-Button (alternative-Farbe)

PRIMARY-Button + Icon

Secondary Button "Important":

Secondary-Button

Primary Buttons "Klein":

PRIMARY-Button (Default/Standard)

PRIMARY-Button (alternative-Farbe)

PRIMARY-Button + Icon

Secondary Button "Klein":

Secondary-Button

Tabelle

Titel
Test	Test		Test
Lorem ipsum dolor sit	amet et volupta set	verunt consetetur magnaTest	dunt
Test			Test
Test		Test	Test

Card-Element Test

(Mit freistellerbild oben) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Offene Stellen

(Mit normalem Bild oben) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

mehr erfahren

AUTOLEVY für Junge Fahrer

Lorem ipsum

Test Tes

› mehr

Akkordeon (bright Background)

Akkordeon (dark Background)

Icon-NodeType
(bright Background)

Label-Beispieltext

Lorem ipsum dolor

Icon-NodeType
(dark Background)

Label-Beispieltext

Lorem ipsum dolor

Tabs (dark Background)

Test Tab1
Test Tab2

Peter Pan
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Martina Mustermann
AUTOLEVY bietet eine perfekte und qualifizierte Beratung, eine attraktive und flexible Preisgestaltung. Bei proaktiven Kundenfragen ruft auch schon mal der Geschäftsführer den Kunden persönlich an.
AUTOLEVY bietet eine perfekte und qualifizierte
Beratung, eine attraktive und flexible Preisgestaltung.
Bei proaktiven Kundenfragen ruft auch schon mal der
Geschäftsführer den Kunden persönlich an.

Peter Pan
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Martina Mustermann
AUTOLEVY bietet eine perfekte und qualifizierte Beratung, eine attraktive und flexible Preisgestaltung. Bei proaktiven Kundenfragen ruft auch schon mal der Geschäftsführer den Kunden persönlich an.
AUTOLEVY bietet eine perfekte und qualifizierte
Beratung, eine attraktive und flexible Preisgestaltung.
Bei proaktiven Kundenfragen ruft auch schon mal der
Geschäftsführer den Kunden persönlich an.

Erfahrungen & Bewertungen zu AUTOLEVY GmbH & Co. KG

Ansprechpartner (Liste)

Mirco Bunger
0211 9705-42
bunger@AUTOLEVY.de

Arif Sahin Avci
02133/93663-14
avci@AUTOLEVY.de

Najib Azariouh
0211 15788-121
azariouh@AUTOLEVY.de

Dennis Gölden
02166-96524-12
goelden@AUTOLEVY.de

Volkan Uzun
02234-60107-14
v.uzun@AUTOLEVY.de

Kim Hanke
0241 / 56846-0
hanke@AUTOLEVY.de

Sebastian Schönen
02251 77541-12
schoenen@AUTOLEVY.de

Michaela Böttger
0211 15788-113
boettger@AUTOLEVY.de

Vincenzo Manzella
0221 17900-41
manzella@AUTOLEVY.de

Antal Orsós
0221 17900-79
orsos@AUTOLEVY.de

Michael Zens
02166 96524-10
zens@AUTOLEVY.de

Christian Kiessling
02251 77541-10
kiessling@AUTOLEVY.de

1 2 3 ...13

Ansprechpartner (Ausgewählter Kontakt)

Frank Levy
0211 15788-111
f.levy@AUTOLEVY.de

Veranstaltungen

Mär14-Di-

Lexus-BBQ-Event

In unseren beiden Lexus Foren in Köln und Düsseldorf

Feb11-Sa-

Große AUTOLEVY Karnevalssitzung

An unserem Kölner Standort

Apr23-Sa-

Premiere des neuen AYGO X

An allen unseren Standorten

Jan25-Sa-

Volle Hütte

Der neue C-HR

Toyota Aygo X, <br>5-Türer 1,0-l-VVT-i 5-Gang-Schaltgetriebe

Toyota Aygo X,
5-Türer 1,0-l-VVT-i 5-Gang-Schaltgetriebe

Kraftstoffverbrauch Aygo X, 1,0-l-VVT-i: Benzinmotor 53 kW (72 PS), niedrig (Kurzstrecke): 5,7-5,4 l/100 km; mittel (Stadtrand): 4,5-4,4 l/100 km; hoch (Landstraße): 4,2-4,1 l/100 km; Höchstwert (Autobahn): 5,8-5,3 l/100 km; kombiniert: 5,0-4,8 l/100 km; CO₂-Emission kombiniert: 114-108 g/km. Die angegebenen Verbrauchs- und CO₂-Emissionswerte wurden nach dem WLTP-Messverfahren ermittelt. Die zur Ermittlung der CO2-Effizienzklasse erforderlichen Daten sind nicht verfügbar. Der Gesetzgeber arbeitet derzeit an einer Novellierung der gesetzlichen Vorschriften. Abb. zeigt Sonderausstattung.

Unsere Aygo Sommer-Offensive: 2,99% Top-Zins!
Sichern Sie sich jetzt den neuen Aygo X. Für nur 129 € monatliche Leasingrate ist dieser kurzfristig und ohne Anzahlung bei uns verfügbar!

mehr

Toyota Yaris 5-Türer Comfort 1,0-l-VVT-i, 53 kW (72 PS) 5-Gang-Schaltgetriebe

WLTP Werte: Verbr. komb. WLTP 5.6-5.9 l/100 km. CO2 komb. WLTP 127-134 g/km. CO₂-Effizienzklasse: Die zur Ermittlung der CO₂-Effizienzklasse erforderlichen Daten sind nicht verfügbar. Der Gesetzgeber arbeitet derzeit an einer Novellierung der gesetzlichen Vorschriften. Abb. zeigt Sonderausstattung.

Unser Power-Crossover: Der Toyota Yaris Comfort für nur 190 € monatlich leasen, ohne Anzahlung und kurzfristig verfügbar!

mehr

Toyota Yaris Cross,<br>5-Türer, 1,5-l-VVT-iE Hybrid

Toyota Yaris Cross,
5-Türer, 1,5-l-VVT-iE Hybrid

WLTP Werte: Verbr. komb. WLTP 4.5 l/100 km. CO₂komb. WLTP 102 g/km. CO₂-Effizienzklasse: Die zur Ermittlung der CO₂-Effizienzklasse erforderlichen Daten sind nicht verfügbar. Der Gesetzgeber arbeitet derzeit an einer Novellierung der gesetzlichen Vorschriften. Abb. zeigt Sonderausstattung.

Unsere Yaris Cross Sommer-Offensive: 2,99% Top-Zins!
Entdecken Sie den Kompakt-SUV- für Stadt & Land und sichern Sie sich ihn für nur 199 € mtl. Leasingrate. Und das ohne Anzahlung bei kurzfristiger Verfügbarkeit!

mehr

Lexus UX 250h Style Edition, Frontantrieb

WLTP Werte: CO2 komb. (WLTP) 120 - 137 g/km. Verbrauch komb. (WLTP) 5.5 - 6.1 l/100km. CO2-Effizienzklasse A+. Abbildung zeigt Sonderausstattung.

Unser MEGA-DEAL: Sichern Sie sich jetzt den Lexus UX 250h Style Edition für nur 288 € monatliche im Leasing - ohne Anzahlung. Und das bei nur 2,99% Zinssatz!

mehr

Toyota Corolla, 1,8-l-Hybrid Stufenloses Automatikgetriebe Team Deutschland

WLTP-WERTE: Verbr. komb. WLTP 4.9 - 4.4 l/100 km. CO2 komb. WLTP 111 - 100 g/km; CO2 Effizienzklasse A+, Abb. zeigt Sonderausstattung.

Der Toyota Corolla ist das meist verkaufte Auto der Welt!
Mit dem Hybridantrieb der 5. Generation ist er noch leiser, reaktionsschneller und sparsamer als je zuvor. Sichern Sie sich den Corolla in der Ausstattung Team Deutschland inkl. Technik-Paket für eine monatliche Leasingrate von 339 € - ohne Anzahlung!

mehr

Toyota C-HR Hybrid Flow,<br>1,8 l Hybrid, Stufenloses Automatikgetriebe

Toyota C-HR Hybrid Flow,
1,8 l Hybrid, Stufenloses Automatikgetriebe

Verbrauch, kombiniert (WLTP) (l/100km) 4,9-5,3 l/100 km, CO2-Emission, kombiniert (WLTP) (g/km) 110 - 120 g/km. CO2-Effizienzklasse: Die zur Ermittlung der CO2-Effizienzklasse erforderlichen Daten sind nicht verfügbar. Der Gesetzgeber arbeitet derzeit an einer Novellierung der gesetzlichen Vorschriften. Abb. zeigt Sonderausstattung.

Sichern Sie sich unseren effizienten Alltagshelden, den C-HR Flow, für eine monatliche Leasingrate von 367 € - ohne Anzahlung.

mehr

Toyota bZ4X 5-Türer Basis Elektromotor (150kW) Frontantrieb

WLTP Werte: CO2-Emission kombiniert: 0 g/km. Pure Electric Range - kombiniert 436 km, Pure Electric Range - City (km): 583 km, Stromverbrauch (kWh/100km): 14,4 kWh/100km. Abb. zeigt Sonderausstattung.

Sichern Sie sich die Umweltprämie von 4.500 € und bestellen Sie sich bei uns den neuen vollelektrischen Toyota bZ4X für eine monatliche Leasingrate von 424 € - ohne Anzahlung!

mehr

Toyota Corolla Touring Sports, 1,8-l-Hybrid, Team Deutschland<br>stufenloses Getriebe

Toyota Corolla Touring Sports, 1,8-l-Hybrid, Team Deutschland
stufenloses Getriebe

WLTP-WERTE: Verbr. komb. WLTP 4.90 l/100 km. CO2 komb. WLTP 111 g/km; CO2 Effizienzklasse A+, Abb. zeigt Sonderausstattung.

Fahrspaß für die ganze Familie! Sichern Sie sich unseren sportlichen Corolla Touring Sports Team Deutschland für eine monatliche Leasingrate von 434 € - ohne Anzahlung!

mehr

Toyota Corolla Cross 5-Türer 1,8-l-Hybrid Stufenloses Automatikgetriebe (4x2) Team Deutschland

WLTP Werte: Verbrauch kombiniert: 5,0-5,1,1 l/100 km; CO2-Emission kombiniert: 113-115 g/km. Abb. zeigt Sonderausstattung.

Neu bei uns! Bestellen Sie sich den neuen Corolla Cross Team Deutschland für eine monatliche Leasingrate von 443 € - ohne Anzahlung!

mehr

Toyota Prius, Basis 2.0L Plug-In Hybrid Stufenloses Automatikgetriebe (4x2)

Energieverbrauch Prius Plug-in-Hybrid: 2,0-l-VVT-i, Benzinmotor 112kW (152PS), und Elektromotor, 120kW (163PS), Systemleistung 164kW (223PS) gewichtet kombiniert: 0,7-0,5l Kraftstoff/100 km und 12,6 – 11,4 kWh Strom/100 km, CO₂-Emissionen gewichtet kombiniert 16-11 g/km, elektrische Reichweite (EAER): 86-72 km und elektrische Reichweite (EAER City): 111-98 km. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Gewinner des Red Dot Design Awards! Erleben Sie den neuen Toyota Prius für eine mtl. Leasingrate von 455 € bei uns! Wie immer ohne Anzahlung!

mehr

Test Section mit Video-Background

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Living Styleguide

Colors

Weiss

Schwarz

grau (darker)

Grau (dark)

grau (light)

Grau (lighter)

Türkis (daRK)

Türkis

Grün

Grün (dark)

Grau (Warm)

toyota Rot

toyota Rot (dark)

Gelb

Headlines & Copytext

H1: Überschrift erster Ebene

H2: Überschrift zweiter Ebene

H3: Überschrift

H4: Überschrift vierter

H5: Überschrift fünfter Ebene

H6: Überschrift sechtser Ebene

Buttons

Primary Buttons "Normal":

Secondary Button "Normal":

Primary Buttons "Important":

Secondary Button "Important":

Primary Buttons "Klein":

Secondary Button "Klein":

Tabelle

Card-Element Test

Akkordeon (bright Background)

Akkordeon-Element 1

Akkordeon-Element 2

Akkordeon (dark Background)

Akkordeon-Element 1 dark

Akkordeon-Element 2 dark

Icon-NodeType (bright Background)

Icon-NodeType (dark Background)

Tabs (bright Background)

Test Tab1

Test Tab2

Tabs (dark Background)

Test Tab1

Test Tab2

Ansprechpartner (Liste)

Ansprechpartner (Ausgewählter Kontakt)

Veranstaltungen

Slider mit Aktionen

gefilterter Fahrzeug-Slider

Test Section mit Video-Background

Test Section mit Bild-Background

Test Section mit Hintergrundfarbe Türkis

Test Section mit Hintergrundfarbe Grün

Test Section mit Hintergrundfarbe Rot

Test Section mit Hintergrundfarbe Gelb

Icon-NodeType
(bright Background)

Icon-NodeType
(dark Background)