Layout

Das responsive Verhalten des Layout-Grids bietet eine optimale Anzeige- und Interaktionserfahrung für eine Vielzahl von Geräten - von Desktop-Monitoren bis hin zu Mobiltelefonen.

Grid-System

Das Responsive-Grid-System basiert auf einem 12 Spalten Grid, welches sich auf Mobiltelefonen zu einem 4 Spalten Grid ändert.

Responsive Viewports

Es gibt vier Breakpoints, um den Websiteinhalt auf jedem Gerät und jeder Fenstergröße richtig anzuzeigen.

Responsive Grid

Off-Grid Layout

"On Grid" bedeutet, dass man innerhalb des Gridsystems bleibt, während "off Grid" es erlaubt, den gesamten Beschnitt des Ansichtsfensters zu verwenden. Da das Verlassen des Grids ein sehr auffälliges visuelles Instrument ist, ist es nur in bestimmten Situationen erlaubt:

Header
Main Stage, Intro Stage
Parallax Bildteaser