The brand
SBB Brand portal
Logo
Digital clock
Rights of useColors
Base colors
Functional colors
Off brand colorsAssets
Icons
Timetable icons
Pictograms
Introduction
About accessibility
Über diesen Guide
Contact
Further informationAccessibility by roles
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
First steps
What is a design system?
Designing
Coding
FAQ
HelpOrganisation
Process
Contribution
ContactMobile
Overview
Base
ComponentsLyne
Overview
Releases
Design Tokens
KomponentenMaps
Overview
Base
InformationenLean (Legacy)
Overview
Base
ComponentsCommunity Assets
Sense & Purpose
Community Assets
Instructions
Guides
Power-Apps
Digital banner ads
SAP Design GuidelinesRegulations
App Icons
Header
Overview
What does the component do?
The component is used for orientation and navigation.
When should the component be used?
The component appears on every page directly beneath the status bar.
Rules
The header consists of title, signet and optionally a
toggle or the navigation icon ("left arrow").
The "left arrow" navigates back to the previous page.
The
toggle navigates between two or three tabs.
Title describes the content of the function/page.
Variants
Variants
without navigation, with icon (Chevron) with text (Cancel)