All about SBB digital applications. Our customers should find their way easily around all SBB digital channels and access the information they require as quickly as possible. This works only with a user experience that is consistent across all channels, which is guaranteed by a presence that is standardised across all platforms.
Alongside information about our UX principles and accessibility, here you can also find out everything about the design systems for SBB websites and mobile apps. The information and instructions on this page are binding for both internal and external projects. Everything that is created, edited or revised in the digital field must be approved by SBB Brand Management and the UX Team.
How to use the design system
Our principles Which principles must be considered for a good experience.
Accessibility Our solutions can be used by as many people as possible in as many situations as possible.
Colors A consistent use of colour is crucial for recognition.
Logos, icons and pictograms Collection of all icons, pictograms and app icons.
Mobile Mobile design system for native, mobile applications on phones and tablets.
Lean Design system for SBB business web applications.
Lyne (Beta) Future design system for SBB websites, microsites and customer applications.
Web (Legacy) Design system for SBB websites, microsites and customer applications.
Maps Design system for displaying maps and routing on all digital channels.
SAP Design Guidelines Guidelines for SAP Fiori applications with SBB Theme.
SBB Brand Portal All information on SBB branding – logo, colors, typography, wayfinding, architecture, film and image, design templates, rolling stock and much more.