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)

Patrick-Henry Kukuck
0211-15788-183
kukuck@AUTOLEVY.de

Martin Piecuch
02131-52680-61
piecuch@AUTOLEVY.de

Aljoscha Reimer
02234 60107-13
a.reimer@AUTOLEVY.de

Frank Haling
0241 / 56846-13
haling@AUTOLEVY.de

Uğur Aydaş
0221 17900-75
aydas@AUTOLEVY.de

Karolina Oertel
0221 17900 76
oertel@AUTOLEVY.de

Dmytro Khomalakh
02234-60107-11
khomalakh@AUTOLEVY.de

Olessia Schulz
0211-9705-52
o.schulz@AUTOLEVY.de

Gabor Jokuti
0221-17900-12
jokuti@AUTOLEVY.de

Cem Caliskan
0211-9705-26
caliskan@AUTOLEVY.de

Nicole Friedrichs
02131-52680-0
friedrichs@AUTOLEVY.de

Thomas Frank
0221-17900-0
frank@AUTOLEVY.de

1 2 3 ...14

Ansprechpartner (Ausgewählter Kontakt)

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

Veranstaltungen

Apr20-Sa-

Lexus Experience Days

in Köln & Düsseldorf

Feb3-Sa-

blu|white

Karneval meets clubbing!

Feb3-Sa-

Toyota Teamday

Feb3-Sa-

Große AUTOLEVY Karnevalssitzung

An unserem Kölner Standort

Toyota Aygo X, Business, 5-Türer, 5-Gang-Schaltgetriebe

Energieverbrauch Toyota Aygo X Business 1,0-l-VVT-i Benzinmotor, 53 kW (72 PS) Energieverbrauch kombiniert: 5,0-4,8 l/100 km; CO2-Emissionen kombiniert: 113-109 g/km. CO2-Klasse: C Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Sichern Sie sich jetzt den neuen Aygo X in der Business Ausstattung. Für nur 151 € monatliche Leasingrate ist dieser sofort bei uns verfügbar!

mehr

Toyota Aygo X, Team Deutschland, 5-Türer, 5-Gang-Schaltgetriebe

Energieverbrauch Toyota Aygo X Team Deutschland 1,0-l-VVT-i Benzinmotor, 53 kW (72 PS) Energieverbrauch kombiniert: 5,0-4,8 l/100 km; CO2-Emissionen kombiniert: 113-109 g/km. CO2-Klasse: C Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Sichern Sie sich jetzt den neuen Aygo X in der Team Deutschland Ausstattung. Für nur 166 € monatliche Leasingrate ist dieser sofort bei uns verfügbar!

mehr

Toyota Yaris Hybrid 5-Türer 1,5-l-VVT-iE Hybrid Syst. 85kW (116 PS) Stufenloses Automatikgetriebe

Energieverbrauch kombiniert: 3,8 - 4,0 l/100 km. CO2-Emissionen kombiniert: 87- 91 g/km. CO2-Klasse: B. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Unser Power-Crossover: Der Toyota Yaris Hybrid Team Dt. für nur 212 € monatlich leasen. Bei uns sofort verfügbar!

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

Energieverbrauch Toyota Yaris Cross 1.5-l-VVT-iE-Hybrid; Energieverbrauch kombiniert: 4,5 l/100 km; CO2-Emissionen: 102 g/km; CO2-Klasse: C. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Wie Cross ist das denn?
Bei uns finden Sie den Toyota Yaris Cross als Team Deutschland inkl. Winterpaket für nur 259 Euro mtl. im Leasing - ganz ohne Anzahlung bei sofortiger Verfügbarkeit.

mehr

Der neue Lexus LBX,<br>Basis 1,5 Liter VVT-iE Hybrid, stufenlose Automatik (Frontantrieb)

Der neue Lexus LBX,
Basis 1,5 Liter VVT-iE Hybrid, stufenlose Automatik (Frontantrieb)

Energieverbrauch Lexus LBX 1,5-l-Benzinmotor und Elektromotor, Systemleistung 100 kW (136 PS), Energieverbrauch kombiniert: 4,5 l/100 km, CO2-Emissionen kombiniert: 102 g/km; CO2-Klasse C. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Ab sofort verfügbar:
Sichern Sie sich den neuen Lexus LBX Hybrid Basis schon ab unglaubliche 273 € monatlich im Leasing, ohne Anzahlung.

mehr

Lexus UX 300h F Sport Design Frontantrieb

Energieverbrauch Lexus UX 300h F Sport Design 2,0-l-Benzinmotor und Elektromotor, Systemleistung 146 kW (199 PS), Energieverbrauch kombiniert: 5,2 l/100 km; CO₂-Emissionen kombiniert: 117 g/km. CO₂-Klasse D. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Sichern Sie sich jetzt den Lexus UX 300h F Sport Design für nur 287 € monatlich im Leasing - 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

Energieverbrauch Toyota Corolla Touring Sports: Energieverbrauch kombiniert: 4.4 l/100 km. CO2-Emissionen kombiniert: 100 g/km; CO2-Klasse: C. Werte gemäß WLTP-Prüfverfahren. 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 288 € - ohne Anzahlung!

mehr

Der neue Toyota C-HR 5-Türer Team D, 1,8-l-Hybrid Stufenloses Automatikgetriebe (4x2)

Energieverbrauch Toyota C-HR 1.8 Hybrid: Energieverbrauch kombiniert: 4,8-4,7 l/100 km; CO₂-Emissionen kombiniert: 108-105 g/km; CO2-Klasse C. Abb. zeigt Sonderausstattung.

Der Neue 2024! Sichern Sie sich den neuen Toyota C-HR Team Deutschland für eine monatliche Leasingrate von 296 € - ohne Anzahlung
Natürlich nur bei uns. Sofort verfügbar!

mehr

Toyota RAV 4 Team Deutschland, 2,5 l Hybrid, Automatikgetriebe CVT (AWD-i), inkl. Technik-Paket

Energieverbrauch Toyota RAV 4: Energieverbrauch kombiniert 5.8 l/100 km, CO2-Emissionen kombiniert: 130 g/km; CO2-Klasse: D. Werte gemäß WLTP-Prüfverfahren. Abb. zeigt Sonderausstattung.

Sichern Sie sich unseren praktischen und auffallenden SUV, den Toyota RAV4 Team Deutschland mit Technik Paket, für eine monatliche Leasingrate von 431 € - ohne Anzahlung!

mehr

Toyota Corolla Cross 2,0-l-Hybrid Stufenloses Automatikgetriebe (4x2) Team Deutschland inkl. Premium-Paket

Energieverbrauch: Toyota Corolla Cross Hybrid: 2,0-l-VVT-i: Benzinmotor 112 kW (152 PS), und Elektromotor, 83 kW (113 PS), Systemleistung 145 kW (197 PS) kombiniert: 5,1 l/100km; CO2-Emissionen kombiniert: 114 g/km; CO2-Klasse: C

Neu bei uns! Bestellen Sie sich den neuen Corolla Cross Team Deutschland inkl. Premium-Paket für eine monatliche Leasingrate von 482 € - 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)