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 Base Components Overview Base Components Overview Design Tokens Components Overview Base Informationen Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons
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.

Imprint Contact Cookie settings