Basics

The header is firmly anchored and fixed in the upper part. The header moves with the scrolling, so that all functions are visible and selectable. The header always consists of 3 main components. 1. the navigation component, 2. the logo component and 3. the toolbar component. The contents of the individual components may differ within the X-Series and EdgeOne.


here you will find the handover and the Styleguide of this componente:
https://zpl.io/bzZlmM7





Header Definition


Header MainComponents



Header Dont's


Wrong is if not all three main components are placed.

Wrong is if the main components are not at your position.

Wrong is if too much content is placed in one of the main components




EdgeOne-Header



Basic/1920_Header_EdgeOne_Components&Spacing


Basic/1920_Header_EdgeOne



X-Series-Header



Basic/1920_Header_X-Series_Components&Spacing


Basic/1920_X-Series_EdgeOne