Header Stable

The Header is an obligatory basic element placed at the top of the interface.

General guidance

It contains at least the Application Bar that can be optionally complemented by the Navigation Bar, which is placed beneath.

Header usage sample on desktop
Header usage sample on desktop

Structure

Header structure on desktop
Header structure on desktop
Header structure on mobile
Header structure on mobile
  1. Application Bar Mandatory
  2. Navigation Bar Optional

Dos and don’ts

  • Do always include a header. It is an obligatory site element.