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
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 Yaris Comfort 1,0-l-VVT-i Benzinmotor, 53 kW (72 PS) 5-Türer

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

Kraftstoffverbrauch Yaris Comfort 1,0-l-VVT-i Benzinmotor, 53 kW (72 PS) 5-Türer: kombiniert: 5,6 l/100 km; CO2-Emissionen kombiniert: 127 g/km. Werte gemäß WLTP-Prüfverfahren.***

Sie träumen von einer 1,99% Finanzierung! Wir lassen Träume wahr werden. Finanzieren Sie Ihren neuen Toyota Yaris Comfort schon ab 139,- € mtl.

mehr
Toyota Yaris Hybrid 5-Türer Team Deutschland 1,5-l-VVT-iE Hybrid Syst. 85kW (116 PS) Stufenloses Automatikgetriebe

Toyota Yaris Hybrid 5-Türer Team Deutschland 1,5-l-VVT-iE Hybrid Syst. 85kW (116 PS) Stufenloses Automatikgetriebe

Verbr. komb. WLTP 5.6-5.9 l/100 km. CO2 komb. WLTP 127-134 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.

Sie träumen von einer 1,99% Finanzierung! Wir lassen Träume wahr werden. Finanzieren Sie Ihren neuen Toyota Yaris Team Dt. Hybrid schon ab 199,- € mtl.

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

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

Kraftstoffverbrauch Yaris Cross 1,5-l-VVT-iE Hybrid, Benzinmotor 68 kW (92 PS) und Elektromotor 59 kW (80 PS), Systemleistung 85 kw (116 PS) 5-Türer: kombiniert: 4,4 l/100 km; CO2-Emissionen kombiniert: 101 g/km. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Sie träumen von einer 1,99% Finanzierung? Wir lassen Träume wahr werden! Finanzieren Sie Ihren neuen Toyota Yaris Cross Team Dt. schon ab 229,- € mtl.

mehr
Lexus UX F Sport Design Frontantrieb

Lexus UX F Sport Design 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 F Sport Design für nur 239 € monatlich im Leasing - ohne Anzahlung. Und das bei nur 2,99% Zinssatz!

mehr
Lexus NX 350h Executive Line inkl. Interieur- und Technik-Paket, Frontantrieb

Lexus NX 350h Executive Line inkl. Interieur- und Technik-Paket, Frontantrieb

WLTP Werte: CO2 komb. 129 - 133 g/km, Verbrauch komb. 5.7 - 5.9 l/100km. 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.

Unser MEGA-DEAL: Sichern Sie sich den sofort verfügbaren Lexus NX 350h Executive Line ab 649 € monatlich - ohne Anzahlung.

mehr
Lexus RX 350h, F Sport Design, inkl. Panorama Dach,<br>Stufenloses Automatikgetriebe

Lexus RX 350h, F Sport Design, inkl. Panorama Dach,
Stufenloses Automatikgetriebe

Kraftstoffverbrauch Lexus RX 350h F Sport Design, stufenloses Automatikgetriebe, 5-Türer. WLTP Werte: CO2-Emission kombiniert WLTP: 143- 149 g/km, Verbrauch kombiniert WLTP 6.3 - 6.6 L/100km. CO2- Effizienzklasse noch nicht ermittelt. Abb. zeigt Sonderausstattung.

Unser MEGA-DEAL: Sichern Sie sich jetzt den sofort verfügbaren Lexus RX 350h F Sport Design für nur 839 € monatlich - ohne Anzahlung.

mehr
Toyota C-HR Hybrid Flow, 1,8 l

Toyota C-HR Hybrid Flow, 1,8 l

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 sensationelle monatliche Leasingrate von 279 € - ohne Anzahlung. Natürlich nur bei uns. Sofort verfügbar!

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

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

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 349 € - ohne Anzahlung!

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

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

Kraftstoffverbrauch Yaris Cross Basis 1,5-l-VVT-iE Hybrid, Benzinmotor 68 kW (92 PS) und Elektromotor 59 kW (80 PS), Systemleistung 85 kw (116 PS) 5-Türer: kombiniert: 4,4 l/100 km; CO2-Emissionen kombiniert: 101 g/km. Werte gemäß WLTP-Prüfverfahren.***

Entdecken Sie den Kompakt-SUV- für Stadt & Land und sichern Sie sich ihn für nur 185 € mtl. Leasingrate - bei kurzfristiger Verfügbarkeit.

mehr
Toyota Corolla, 1,8-l-Hybrid Stufenloses Automatikgetriebe Comfort

Toyota Corolla, 1,8-l-Hybrid Stufenloses Automatikgetriebe Comfort

Kraftstoffverbrauch Corolla Comfort 1,8-l-VVT-i Hybrid: Benzinmotor 72 kW (98 PS), und Elektromotor, 70 kW (95 PS), Systemleistung 103 kW (140 PS) 5-Türer: kombiniert: 4,4 l/100 km; CO2-Emissionen kombiniert: 100 g/km. Werte gemäß WLTP-Prüfverfahren.***

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 Comfort für eine monatliche TOP-Leasingrate von nur 199 €.

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.