Guidelines
Menu
Close Menu

Eyebrow Der Text ist immer links

{Headline & Text}

There are 3 headline guidelines:
1. Make the whole headline bold.
2. Put the beginning of the sentence in bold.
3. The end of the sentence should be bold.

{Teaser Focus}

{Mood Gallery}

2 to 5 images possible. Text is optional

Up to 5 images: Mood Gallery

Space Guidelines:

D300 (as standard) for content and model pages
D350 for the home page

{Equipment}

Exterieur
Interieur
Exterieur
Interieur

Dynamik trifft auf Eleganz.

Schon auf den ersten Blick ein Golf - und wie in jeder Generation mit einem markanten und selbstbewussten Auftritt. Von neu gestalteten Scheinwerfern und Stoßfängern über den dynamischen Kühlergrill bis hin zum Heckdiffusor und den ausdrucksstarken LED-Heckleuchten.

Erleben Sie mehr Raum für Ihren Komfort.

Raum trifft Komfort, trifft Qualität, trifft neue Technologien. Das alles bietet Ihnen der Golf im Inneren. Mit einem einzigen Ziel: Ihnen jede Fahrt so entspannt wie möglich zu gestalten.

{Teaser Highlight}

Use it at the end of the page and must not be maintained together with the Teaser Editorial module.

{Richtext-Editor}

Lorem ipsum vix at error vocibus, sit at autem liber? Qui eu odio moderatius, populo pericula ex his. Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

  • Lorem ipsum vix at error vocibus, sit at autem liber?
  • Qui eu odio moderatius, populo pericula ex his.
  • Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

{Youtube mit Teaserbild}

Start Video

{Tabelle}

Tabelle Headline lorem ipsum dolor sit amet
lorem ipsum dolor sit amet conztrucrtor paresmets
eins zwei drei und vier

{Bild mit voller Breite}

und optionalem Text

Bild mit voller Breite und optionalem Text

optionaler Text kommt hier lorem ipsum dolor sit amet

{Accordion-Frame-Liste}

Subheadline lorem imsum Link Text – startet geschlossen

Headline lorem ipsum dolor sit amet

Headline lorem ipsum dolor sit amet

Text Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Mood Gallery

Subheadline lore imsum Link Text – startet geöffnet

Headline lorem ipsum dolor sit amet

Headline lorem ipsum dolor sit amet

Text Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

{Accordion-List in Columns}

if you put an accordion list to a page, please maintain it within a column component. otherwise the accordion list would be as wide as the screen width is.

Link Text - startet geschlossen

Lorem ipsum dolor sit amet

Aenean commodo ligula

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Link Text - startet geöffent

Lorem ipsum dolor sit amet

Aenean commodo ligula

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Link Text - startet geschlossen

Lorem ipsum dolor sit amet

Aenean commodo ligula

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Link Text - startet geschlossen

Lorem ipsum dolor sit amet

Aenean commodo ligula

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

{Formular}

{Heading Section}

The space after this heading section is according the VW DE guidelines.
Positions of the headline: left, right, above

Lorem ipsum

Lorem ipsum dolor sit amet D250 H3

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

Lorem ipsum

Lorem ipsum dolor sit amet D250 H3

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

Lorem ipsum

Lorem ipsum dolor sit amet D250 H3

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

  1. fdsfdsfd
  2. dsfdsf
  3. dsfdsf

{Buttons}

Inverted Buttons on images or background colours

{Feature Cluster}

Headline Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Cum sociis natoque

Eins lorem ipsum dolor sit amet

Back to the Overview

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Zwei

Back to the Overview

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Drei

Back to the Overview

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

{Text-Teaser mit Verlauf}

{Stages}

{USP Module}

Exterieur Eleganz und Dynamik - auf den Punkt gebracht.

Eine gelungene Kombination aus Sportlichkeit und harmonischer Linienführung: Das dynamische Design mit ausdrucksstarker Lichtsignatur verleiht dem neuen Passat ein souveränes und selbstbewusstes Auftreten.

Interieur Raumkonzept weitergedacht.

Die Innenausstattung sorgt nicht nur für Komfort auf hohem Niveau, sondern auch für ein angenehmes Raumgefühl. Zu den Highlights zählen die hochwertigen Sitze und Dekore.

{Highlight Feature Section}

Test 1

Test

Lorem ipsum vix at error vocibus, sit at autem liber? Qui eu odio moderatius, populo pericula ex his. Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

Test 2

Test Test

Lorem ipsum vix at error vocibus, sit at autem liber? Qui eu odio moderatius, populo pericula ex his. Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

Lorem ipsum vix at error vocibus, sit at autem liber? Qui eu odio moderatius, populo pericula ex his. Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

Lorem ipsum vix at error vocibus, sit at autem liber? Qui eu odio moderatius, populo pericula ex his. Mea hinc decore tempor ei, postulant honestatis eum ut. Eos te assum elaboraret, in ius fastidii officiis electram.

{Bilder Galerie mit Thumbnail}

{Layer examples}

Oh-oh!
Your browser does not seem to be up to date. Our website may not function optimally. Most browsers (but not MS Internet Explorer 11 and older) will still work fine.

We recommend that you update your web browser!
The latest version can ensure a good experience anywhere on the Internet.

Thank you for your visit and have fun,
Your Volkswagen team