Status: 17/11/091© argonauten G2 GmbHVolkswagen Internet MarketingDesign 4.0Status: 17/11/095© argonauten G2 GmbHDesign 4.0Styleguide 1 IntroductionThe Volkswagen brand is a globally active brand. Internationally, it has a uniform image and presents itself in all media with the highest degree of clarity. That is its forte. Inspired by the commercial centre of advertising and billboard design, the Volkswagen Corporate Design language has been transfer-red and further developed for the Internet Design 4.0. The new Volkswagen Internet Design 4.0 reflects modern design, dialogue and interaction principles: simple, clear and recog-nisable. This Style Guide defines binding design elements and rules that ensure the uniform perception of the brand, even in the digital world.Status: 17/11/096© argonauten G2 GmbHDesign 4.0Styleguide 2 Basic Design Principles Status: 17/11/097© argonauten G2 GmbHDesign 4.0Styleguide 2.1 FrameworkThe „Frame“ is the essential style-defining design element in Design 4.0. It makes up the „Framework“ and is also cited in de-sign elements. The „Framework“ is a binding, fundamental basic element for all templates and page types. The „Framework“ is subject to the following rules: 1. Header and stage are separated with a horizontal drop shadow.2. The stage is framed on the sides and to the bottom by a one-pixel line.3. The frame borders the original contents.4. The frame has a fixed defined width and can be extended to the bottom.5. The frame contains the following elements: Logo, Main Navigation, Quick Start, Footer Navigation, Meta Navigation, Disclaimer. Other elements are not permitted.Status: 17/11/098© argonauten G2 GmbHDesign 4.0Styleguide 2.1 FrameworkCompare fixed stage size and flexible page lengthFixed page length: Homepage, Gallery, Highlights, Colours & WheelsFlexible page length: HTML templatesStatus: 17/11/099© argonauten G2 GmbHDesign 4.0Styleguide 2.2 GridThe entire website is embedded in a 5 x 5-pixel grid. This serves to define the column width as well as the positioning of the modules within the columns and the framework. Within the modules, particularly for modules that are mainly defined by text formatting, the dimensions may differ from the 5-pixel grid.Status: 17/11/0910© argonauten G2 GmbHDesign 4.0Styleguide 2.2 GridThe largest module in the grid forms the stage on the homepage and in the model area.Definition StageStatus: 17/11/0911© argonauten G2 GmbHDesign 4.0Styleguide 2.2 GridThe stage is divided into 4 columns. They are indented by 20 pixels on the inside and outside.The columns can be combined according to the template concept.The 4-column division also structures the HTML area. Here,as a rule, the left column is generally reserved for the navigation. Definition ColumnsStatus: 17/11/0912© argonauten G2 GmbHDesign 4.0Styleguide 2.3 Image ConceptAs a matter of principle, the vehicles on the Volkswagen...
