AutoLevy | [Styles]
Besuchen Sie uns auf:
Notfallnummer:
0800 08229010800 0822901

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

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
  1. Aufzählung Ebene 1
    1. Aufzählung Ebene 2
      1. Aufzählung Ebene 3

ein weiterer Test-Text

Primary Buttons "Normal":

PRIMARY-Button (Default/Standard)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
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 (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
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 (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button (alternative-Farbe)
PRIMARY-Button + Icon

Secondary Button "Klein":

Secondary-Button
Titel
Test
Test
Test
Lorem ipsum dolor sit
amet et volupta set
verunt consetetur magnaTest
dunt 
Test
Test
Test
Test
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.

(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.

Akkordeon (bright 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.

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.

Akkordeon (dark 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.

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.

Icon-NodeType
(bright Background)

Label-Beispieltext
Lorem ipsum dolor

Icon-NodeType
(dark Background)

Label-Beispieltext
Lorem ipsum dolor

Tabs (bright 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 jus svs to 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. 

Tabs (dark 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 jus svs to 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. 

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
Apr23-Sa-
Premiere des neuen AYGO X

An allen unseren Standorten

Jan25-Sa-
Volle Hütte

Der neue C-HR

Sep14-Sa-
Aktionstag Toyota Hybrid

Aktionstag in Düsseldorf (Höherweg & Schuchardstraße), Köln, Euskirchen und Frechen 

Apr6-Sa-
More Fun Testival

Der neue Corolla

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; CO2-Emission kombiniert: 114-108 g/km. Die angegebenen Verbrauchs- und CO2-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.

Sichern Sie sich jetzt schon den neuen Aygo X. Für nur 99 € monatliche Leasingrate ist dieser bei uns bestellbar.

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

Toyota Aygo X Pulse, 
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; CO2-Emission kombiniert: 114-108 g/km. Die angegebenen Verbrauchs- und CO2-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.

Sichern Sie sich jetzt schon den neuen Aygo X Pulse. Für nur 202 € monatliche Leasingrate ist dieser ab sofort und ohne Anzahlung bei uns verfügbar!

mehr
Toyota Yaris Team Deutschland, Comfort Paket,<br>5-Türer, 1,5-l-VVT-iE Hybrid, Stufenloses Automatikgetriebe

Toyota Yaris Team Deutschland, Comfort Paket,
5-Türer, 1,5-l-VVT-iE Hybrid, Stufenloses Automatikgetriebe

WLTP Werte: Verbr. komb. WLTP 3.8 - 4.9 l/100 km. CO2 komb. WLTP 87 - 112 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.

Der Toyota Yaris Team Deutschland für 281 € monatlich leasen, ohne Anzahlung!

mehr
Toyota Yaris Cross Team Deutschland, Safety-Paket,<br>5-Türer, 1,5-l-VVT-iE Hybrid

Toyota Yaris Cross Team Deutschland, Safety-Paket,
5-Türer, 1,5-l-VVT-iE Hybrid

WLTP Werte: Verbr. komb. WLTP 4.5 l/100 km. CO2 komb. WLTP 102 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.

Der Toyota Yaris Cross Team Deutschland für 316 € monatlich leasen, ohne Anzahlung!

mehr
Toyota Corolla 5-Türer, 1,8-l-Hybrid, Team Deutschland<br>stufenloses Automatikgetriebe

Toyota Corolla 5-Türer, 1,8-l-Hybrid, Team Deutschland
stufenloses Automatikgetriebe

WLTP-WERTE: Verbr. komb. WLTP 4.5 - 5.6 l/100 km. CO2 komb. WLTP101 - 127 g/km; CO2 Effizienzklasse A+, Abb. zeigt Sonderausstattung.

Sichern Sie sich unseren sportlichen Corolla Team D, für eine monatliche Leasingrate von 338 € - ohne Anzahlung!

mehr
Toyota C-HR Hybrid Team Deutschland<br>2,0 l Hybrid, stufenloses Automatikgetriebe

Toyota C-HR Hybrid Team Deutschland
2,0 l Hybrid, stufenloses Automatikgetriebe

WLTP Werte: Verbrauch, kombiniert (WLTP) (l/100km): 5,3 l/100 km. CO2-Emission, kombiniert (WLTP) (g/km): 119 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 Team D, für eine monatliche Leasingrate von 378 € - ohne Anzahlung.

mehr
Toyota RAV 4, 5-Türer,<br>2,5 l Hybrid, Automatikgetriebe (4x2), Team Deutschland

Toyota RAV 4, 5-Türer,
2,5 l Hybrid, Automatikgetriebe (4x2), Team Deutschland

WLTP Werte: Verbr. komb 5.6 l/100 km, 126 - 132 g/km CO2 komb. 
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 luxuriösen SUV, den Toyota RAV4 Team Deutschland, für eine monatliche Leasingrate von 424 € - ohne Anzahlung!

mehr
Toyota Hilux, Double Cab, 2,8-l-D-4D, </span><span>6-Stufen-Automatikgetriebe (4X4) Comfort

Toyota Hilux, Double Cab, 2,8-l-D-4D, 6-Stufen-Automatikgetriebe (4X4) Comfort

WLTP Werte: Verbrauch, kombiniert (WLTP) (l/100km): 9.4-9.9 l/100 km. CO2-Emission, kombiniert (WLTP) (g/km): 246-259 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.

Mit dem Toyota Hilux und seinem kraftvollen Antrieb kommen Sie sorglos durch die neue Jagdsaison.

mehr
Toyota Land Cruiser, 5-Türer 2,8-l-D-4D, 150 kW (204 PS) 6-Stufen-Automatikgetriebe 4x4 

Toyota Land Cruiser, 5-Türer 2,8-l-D-4D, 150 kW (204 PS) 6-Stufen-Automatikgetriebe 4x4 

NEFZ Werte: Verbrauch kombiniert: 8.0 l/100 km. CO2-Emission kombiniert: 212 g/km.
WLTP Werte: Verbrauch kombiniert: 9.5 l/100 km. CO2-Emission kombiniert: 249 g/km. CO2-Effizienzklasse C. Abb. zeigt Sonderausstattung.

Mit dem Toyota Land Cruiser und seinem kraftvollen Allrad-Antrieb kommen Sie sorglos durch die neue Jagdsaison.

mehr
Lexus UX 250h Style Edition<br>Hybrid, stufenloses Automatikgetriebe, 5-Türer

Lexus UX 250h Style Edition
Hybrid, stufenloses Automatikgetriebe, 5-Türer

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

Sichern Sie sich jetzt unser exklusives Lexus UX Leasing-Angebot für nur 309 € monatlich.

mehr

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.

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.

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.

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.

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.

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.