Navigieren auf digital.sbb.ch

Beta

Header

1. Was macht das Modul?

Bietet dem Benutzer jederzeit zugängliche Informationen und Funktionen an.

2. Wann soll das Modul eingesetzt werden?

Ein Header ist bei jeder Webseite / jeder Anwendung einzufügen.

3. Regeln

  • Beim Scrollen wird der Navigationsbalken zum schmaleren Sticky-Header.
  • Beim Sticky-Header wird die Ebene 1 der Navigation ausgeblendet und mit einem Hamburger-Menü ersetzt.
  • Beim Klick auf das Hamburger-Menü wird der Header wieder in den Default-Zustand aufgeklappt.

4. Ausprägungen und Zustände

Das Modul hat folgende Zustände:

  • Default
  • Collapsed

4.1 Standard

Darstellung des Moduls Header in der Ausprägung Standard

Design Spezifikation

4.2 Microsite Standard

Darstellung des Moduls Header für Microsites
  • In den Quicklinks wird immer zuerst sbb.ch Home angegeben.
  • Die Hauptnavigation ist frei wählbar.
  • Nebst dem Login wird nur noch die Suche angezeigt.

Design Spezifikation

4.3 Microsite mit eigenem Logo

Darstellung des Moduls Header für Microsites mit eigenem Logo
  • Wenn dieser Header eingesetzt wird, muss zwingend dannach der «Footer Microsite mit eigenem Logo» verwendet werden.
  • In den Quicklinks wird immer zuerst sbb.ch Home angegeben.
  • Die Hauptnavigation ist frei wählbar.
  • Nebst dem Login wird nur noch die Suche angezeigt.

Design Spezifikation