View Source

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

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_definition.png
Header Definition

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_MainComponents.png
Header MainComponents

Header Breakpoints

Header Theming

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_EdgeOne_Definition.png
Basic/1920_Header_EdgeOne_Components&Spacing

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_EgdeOne.png
Basic/1920_Header_EdgeOne

Header variation inside EgdeOne and X-Series

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_X-Series_Definition.png
Basic/1920_Header_X-Series_Components&Spacing

Inspire Design Guidelines > ID2 - Header > Basic-1920_Header_X-Series.png
Basic/1920_X-Series_EdgeOne