Page History
...
The header provides access to global actions and is adapted per device to preserve clarity on smaller screens. The layout is consistent across applications.
Content of the header is defined by consists of Global Navigation. It may include the product logo, icons, and menus. In addition, App Developers can activate or deactivate a breadcrumb navigation and date range picker within the header. All elements have a fixed distance of 2 rem to each other. 
Content Area
All content within the content area must follow either the Landscape Grid or the Portrait Grid.
...
