Zur Navigation Zum Inhalt Kontakt Menu Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Off-Brand Farben

In wenigen Fällen lässt sich das SBB-Rot nicht als Primärfarbe verwenden. Beispielsweise darf die Farbe Rot in sicherheitsrelevanten Anwendungen auschliesslich zur Kommunikation von Fehlern genutzt werden. In diesen Fällen darf die Primärfarbe (Red, Red125, Red150) durch die folgenden Farben ersetzt werden:

Royal

HEX: #06348B

RGB: R: 6 G: 52 B: 139

Royal125

HEX: #032668

RGB: R: 3 G: 38 B: 104

Royal150

HEX: #021C4E

RGB: R: 2 G: 28 B: 78

Bitte beachte, dass dieses Farbset nur in Ausnahmefällen verwendet werden darf. Es bedarf einer Abklärung mit dem DSRV UX.

Konzeption in Figma

Die Farben stehen in der Figma-Library zur Verfügung, werden aber in den Komponenten nicht eingesetzt. Die Farben können jedoch bequem in Figma mit der Funktion "Selection Colors" ersetzt werden.

Umsetzung im Frontend

In der Angular Library können die Farben wie folgt getauscht werden: Zur Anleitung.

Impressum Kontakt Cookie Einstellungen