Header – digital.sbb.ch

Prinzipien

Grundlagen

Barrierefreiheit

Design System

Guidelines

Deutsch

Français

Italiano

English

Unsere Gestaltungsprinzipien

Nutzerzentriert

Wiedererkennbar

Inklusiv

Reduziert

Ganzheitlich

Selbsterklärend

Aufgabenorientiert

Passend

SBB Markenportal

Logo

Digitale Uhr

Nutzungsrechte

Basis-Farben

Funktionale Farben

Off-Brand Farben

Icons

Fahrplan-Icons

Piktogramme

Über Barrierefreiheit

Über diesen Guide

Kontakt

Weitere Informationen

Product Owner

User Research

Interaction Design

Visual Design

Development

Content Design

Testing

Was ist ein Design System?

Designing

Coding

FAQ

Hilfe

Prozess

Contribution

Kontakt

Übersicht

Basis

Komponenten

Übersicht

Releases

Design Tokens

Komponenten

Übersicht

Basis

Informationen

Übersicht

Basis

Komponenten

Sinn & Zweck

Community Assets

Anleitung

Power-Apps

Digitale Werbebanner

SAP

App Icons

Header

Übersicht

Was macht die Komponente?

Die Komponente dient zur Orientierung und Navigation.

Wann soll die Komponente eingesetzt werden?

Die Komponente erscheint auf jeder Seite direkt unter der Status Bar.

Regeln

Der Header besteht aus Titel, Signet und optional einem Toggle oder dem Navigationsicon («Pfeil links»).
Der «Pfeil links» navigiert zurück auf die vorhergehende Seite.
Der Toggle navigiert zwischen zwei oder drei Tabs.
Titel beschreibt den Inhalt der Funktion/Seite.

Varianten