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 Komponenten Overview Base Informationen Overview Base Components Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons What is a design system?

You can think of the design system as a digital construction kit from which you take the components for an interface. In addition, a design system also defines the design language of a brand, e.g. how logo and colors may be used and the underlying design principles.

Why a design system?

With a design system, we can efficiently keep SBB's digital presence (both internal and external) consistent across different devices. Design systems are popular: Google, Microsoft, Apple, Twitter and many others also have a design system.

Who is behind the design system?

SBB's design system is developed jointly by ESTA Web, the App Bakery, DRSV UX, and brand management.

Can you develop a component for me?

With the Design System, we offer a component construction kit that covers many but not all needs. If you need specific components that are not available in the design system, you can develop them yourself in your project.

How can I add something to the design system?

A design system can and should grow, but there are certain constraints. See Contribution for more information on this.

Can I also use the design system for internal applications?

The design system can also be used for internal applications. Primarily there is the design system "Web Lean".

You have more questions?

Try our FAQ page.
If you don't find what you are looking for, please feel free to contact us.

Imprint Contact Cookie settings