Grid and columns Desktop and tablet landscape The layout grid for the biggest screen width consists of three main columns. The default maximum screen width is 1680px. The main content area width is 1440px. Basically, the only content element whose width exceeds the content area is the stage teaser with a width of 1680px. 12 Column Grid: Desktop and tablet landscape 12 columns, column-width of 98 pixels and gutter-width of 24 pixels. Max-width is 1440 pixels. Tablet portrait The tablet...
Icons for interaction While both icons and labels may be used for marking, identifying or indicating, icons are always interactive. They speed up the interaction process because the denoted interaction can be understood intuitively and they are easily identified as visual hotspots. Icons and text should not be combined. In cases of complex interactions, a text link or button solution may be preferable. Colors Icons are generally shown on a round gray or yellow background area. The...
Adaptive design Via device detection, the system identifies the capabilities of the device used for accessing the website so that the appropriate elements of the site can be returned to the user. Layout versions are optimized for the following display sizes: Overview Desktop The content is centered on all devices with a white margin around the entire page. On viewports wider than 1920px the (then empty) background is white. Tablet Mobile
Frame The frame is part of the general Continental visual language and can also be found in online media. On desktop devices, the white frame wraps the header section. The content section is also wrapped by a frame but contains als a grey background. On mobile devices, the frame is omitted because the logo is used without its tagline top-centered. Interface Desktop There is a frame of 20 pixels on all four sides, only the Quality Seal is placed flush with the top of the view port....