Module 004 — Global headers

Supra bar

Supra bars are hidden on tablet and mobile devices. Based on viewport size, supra bar is hidden under 768px.

Supra bar standard Anchor link to Supra bar standard

Supra bar with language options Anchor link to Supra bar with language options

Supra bar with icons Anchor link to Supra bar with icons

Supra bar with icons authenticated Anchor link to Supra bar with icons authenticated

Navbar

Global header with additional icons Anchor link to Global header with additional icons

Navbar, with some accessibility suggestions Anchor link to Navbar, with some accessibility suggestions

• Replace burger with label.
• Display skip links by default.
• Add a contrast switcher control in an accessibility dropdown.

Global header with additional icons authenticated Anchor link to Global header with additional icons authenticated

Global header minimised with additional icons authenticated Anchor link to Global header minimised with additional icons authenticated

Global header with navigation and search box Anchor link to Global header with navigation and search box

Global header with title, navigation and icons Anchor link to Global header with title, navigation and icons

Global header with title, navigation below and icons Anchor link to Global header with title, navigation below and icons

Global header with title on two lines, navigation and icons Anchor link to Global header with title on two lines, navigation and icons

OBS global header with navigation and icons Anchor link to OBS global header with navigation and icons

OBS global header with title, navigation below and icons Anchor link to OBS global header with title, navigation below and icons

OBS global header with title on two lines, navigation below and icons Anchor link to OBS global header with title on two lines, navigation below and icons