DBUX und Marke
Die visuelle Grundlage für die Gestaltung der Abfahrtstafeln bilden das DBUX Design System und die moderne Ikone der Brand Guidelines. So stellen wir sicher, dass unser Service sich konsistent anfühlt und aussieht.
Schrift
Die DB Screen Sans findet ihren Einsatz in unterschiedlichen Größen und Schriftschnitten, angepasst auf die jeweilige Funktion. Im Anschluss ist eine tabellarische Auflistung zu finden, die ihren Einsatz genauer erläutert.
Schriftklasse | Schnitt | Größe | Laufweite |
H1 Bold | Bold | 48 | -1 |
H1 Reg | Regular | 48 | -1 |
Body 1 Reg | Regular | 40 | -1 |
Body 1 Bold | Bold | 40 | -1 |
Body 2 Bold | Bold | 32 | -1 |
Body 3 Reg | Regular | 28 | -1 |
Caption Reg | Regular | 28 | -1 |
Farbe
Für die tabellarische Darstellung werden ausschließlich vordefinierte Farben aus dem DB UX Corporate Design verwendet. Mehr Infos zu den DB Farben gibt es hier.
Um für barrierefreie Gestaltung die WCAG-Standards zu erfüllen, wurden die vordefinierten Grün- und Rottöne angepasst.
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Header – DB Cool Gray 800
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Hintergrundfarbe – DB Cool Gray 200
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Tabellenzeile 1 – DB White
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Tabellenzeile 2 – DB Cool Gray 100
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Mitteilung Standard – DB Cool Gray 700
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Mitteilung Warnung – DB Yellow 900
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Mitteilung kritisch hell – DB Red 500
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Mitteilung kritisch dunkel – DB Red 500 abgedunkelt 7%
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Positive Mitteilung hell – DB Light Green 600
-
Farbsystem CMYK
-
Farbsystem HEX
-
Farbsystem SCSS
-
Farbsystem NCS
-
Farbsystem RAL
-
Farbsystem RGB
-
Farbsystem Pantone
-
Positive Mitteilung dunkel – DB Light Green 600 abgedunkelt 7%
Icon
Um Geschäftsfälle klar und prägnant anzuzeigen gibt es ein gesondertes Iconset. Dieses umfasst “Information”, “sonstige Meldungen” und Szenarien wie “Ersatz” und “Kritisch”.
Wir verwenden ausschließlich funktionale Icons in der Größe 32 × 32 dp. Als Grundlage wurden die Icons aus dem DB Iconset mit der Größe 20 dp verwendet. Diese wurden mit dem Faktor 1,6 skaliert und somit auf die Größe der Abfahrtstafel angepasst. Wir setzen keine Outline ein, da der Kontrast zwischen den Icons und den definierten Hintergrundfarben ausreichend ist. Für dringliche Geschäftsfälle nutzen wir eine zusätzliche Farbcodierung, um die Wichtigkeit des Zustandes der Abfahrtszeit klar und schnell zu kommunizieren.
Geschäftsvorfälle
Um die Icons herunterzuladen, klicken Sie bitte hier.
Weiter