Zur Navigation
Zum Inhalt
Kontakt
Menu
Principles
Foundation
Accessibility
Design System
Guidelines
Deutsch
Français
Italiano
English
Our design principles
User-centred
Recognisable
Inclusive
Reduced
Holistic
Self-explanatory
Task-oriented
Appropriate
SBB Brand portal
Logo
Digital clock
Rights of use
Base colors
Functional colors
Off brand colors
Icons
Timetable icons
Pictograms
About accessibility
Über diesen Guide
Contact
Further information
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
What is a design system?
Designing
Coding
FAQ
Help
Process
Contribution
Contact
Overview
Base
Components
Overview
Releases
Design Tokens
Components
Roadmap
Overview
Base
Informationen
Overview
Base
Components
Sense & Purpose
Community Assets
Instructions
App Icons
Power-Apps
Digital banner ads
SAP Design Guidelines
Components
Enter keyword
Action
More Info
Action-Group
Figma
Code
Business-Context
More Info
Block-Link
Figma
Code
Business-Context
More Info
Button
Figma
Code
Business-Context
More Info
Link
Figma
Code
Business-Context
More Info
Mini-Button-Group
Figma
Code
Business-Context
More Info
Secondary-Button
Figma
Code
Business-Context
More Info
Teaser
Figma
Code
More Info
Teasser-Hero
Figma
Code
More Info
Teaser-Product
Figma
Code
More Info
Teaser-Product-Static
Figma
Code
More Info
Tertiary-Button
Figma
Code
Business-Context
More Info
Transparent-Button
Figma
Code
Business-Context
Brand
More Info
Clock
Figma
Code
More Info
Logo
Figma
Code
Collection
More Info
Link-List
Figma
Code
Business-Context
More Info
Link-List-Anchor
Figma
Code
Business-Context
More Info
Skiplink-List
Figma
Code
More Info
Table-Wrapper
Figma
Code
Form
More Info
Autocomplete
Figma
Code
Business-Context
More Info
Autocomplete-Grid
Figma
Code
Business-Context
More Info
Calendar
Figma
Code
More Info
Checkbox
Figma
Code
Business-Context
More Info
Checkbox-Group
Figma
Code
Business-Context
More Info
Checkbox-Panel
Figma
Code
Business-Context
More Info
Datepicker
Figma
Code
Business-Context
More Info
File-Selector
Figma
Code
Business-Context
More Info
Form-Field
Figma
Code
Business-Context
More Info
Radio-Button
Figma
Code
Business-Context
More Info
Radio-Button-Group
Figma
Code
Business-Context
More Info
Radio-Button-Panel
Figma
Code
Business-Context
More Info
Select
Figma
Code
Business-Context
More Info
Selection-Expansion-Panel
Figma
Code
Business-Context
More Info
Slider
Figma
Code
Business-Context
More Info
Toggle
Figma
Code
Business-Context
More Info
Toggle-Check
Figma
Code
Business-Context
Indicator
More Info
Alert
Figma
Code
Business-Context
More Info
Alert-Group
Figma
Code
Business-Context
More Info
Chip
Figma
Code
Business-Context
More Info
Loading-Indicator
Figma
Code
More Info
Message
Figma
Code
Business-Context
More Info
Notification
Figma
Code
Business-Context
More Info
Status
Figma
Code
More Info
Stepper
Figma
Code
Documentation
Business-Context
More Info
Tag-Group
Figma
Code
Business-Context
More Info
Toast
Figma
Code
Layout
More Info
Accordion
Figma
Code
Business-Context
More Info
Card
Figma
Code
Business-Context
More Info
Container
Figma
Code
More Info
Divider
Figma
Code
More Info
Footer
Figma
Code
Business-Context
More Info
Header
Figma
Code
Business-Context
More Info
Title
Figma
Code
Navigation
More Info
Breadcrumb
Figma
Code
More Info
Breadcrumb-Group
Figma
Code
More Info
Menu
Figma
Code
Business-Context
More Info
Navigation
Figma
Code
More Info
Tab-Group
Figma
Code
Business-Context
Overlay
More Info
Dialog
Figma
Code
More Info
Overlay
Figma
Code
More Info
Popover
Figma
Code
Time-Table
More Info
Journey-Header
Figma
Code
More Info
Pearl-Chain
Figma
Code
Documentation
Visual asset
More Info
Icon
Figma
Code
More Info
Image
Figma
Code
Imprint
Contact
Cookie settings