Anatomy
The default Header exists out of two sections:
- Logo Header
- Hamburger menu
- Logo
- Search button
- Language and region selector
- Login button
- Top Task: Primary navigation items
Logo Header is available on all pages, except for pages that follow a specific flow. For example the booking flow, where the Sub Header is used instead of the Top Task.
Sub Header
The Sub Header replaces the top task bar and isolates the user in a flow/funnel. When the user enters a flow made of several steps we replace the Top Task with a sub-navigation bar that highlights the the type of flow the user had entered.
Mobile variants
