Logo Header

The Logo Header is the key element for navigating the site, showing the user’s logged-in state and indicating which brand they are currently on.

When to use

The Logo Header is used on all pages, the Top Task and Sub Headers are used independently from each other.

 

Homepage

Entry page

Hub page

Flow

Content flow desktop

Content flow mobile

Top Task desktop

 

 

Sub Header desktop

 

 

 

 

 

Bottom navigation mobile

 

 

 

 

Sub Header mobile

 

 

 

 

Logo Header mobile

 

 

 

 

 


Position

The Logo Header is always positioned on top of a page.