Navigieren auf digital.sbb.ch

Beta

Typography

1. Was macht das Element?

  • Definiert alle zulässigen Schriften im SBB-Mobile-Kontext.

2. Wann soll das Element eingesetzt werden?

  • Für die Gestaltung von allen Elementen, Modulen, Komponenten und Seiten.

3. Regeln

  • Keine

4. Ausprägungen

4.1 Header

Darstellung des Header Stils

Vermassung

4.2 Headline

Black

Darstellung des Headline Stils, black

Vermassung

White

Darstellung des Headline Stils, white

Vermassung

4.3 Title

4.3.1 Default

Black
Darstellung des Title Stils, Default, Black

Vermassung

Metal
Darstellung des Title Stils, Default, Metal

Vermassung

4.3.2 Modul

Darstellung des Title Stils, Modul

Vermassung

4.4 Subtitle

Black

Darstellung des Subtitle Stils, black

Vermassung

Metal
Darstellung des Subtitle Stils, metal

Vermassung

4.5 Copy

Black

Darstellung des Copy Stils, black

Vermassung

White

Darstellung des Copy Stils, White

Vermassung

4.6 Body

Black

Darstellung des Body Stils, Black

Vermassung

Metal

Darstellung des Copy Stils, Metal

Vermassung

Red

Darstellung des Copy Stils, Red

Vermassung

4.7 Legend

4.7.1 Normal

Black
Darstellung des Legend Stils, Normal, Black

Vermassung

Metal
Darstellung des Legend Stils, Normal, Metal

Vermassung

Red
Darstellung des Legend Stils, Normal, Red

Vermassung

White
Darstellung des Legend Stils, Normal, White

Vermassung

4.7.2 Small

Darstellung des Legend Stils, Small

Vermassung

4.8 Link

Default

Darstellung des Link Stils, Default

Vermassung

Pressed

Darstellung des Link Stils, Pressed

Vermassung

4.9 Formular

4.9.1 Button Primary

Default
Darstellung des Primary Button Stils, Default

Vermassung

Disabled
Darstellung des Primary Button Stils, Disabled

Vermassung

4.9.2 Button Secondary

Default
Darstellung des Secondary Button Stils, Default

Vermassung

Disabled
Darstellung des Secondary Button Stils, Disabled

Vermassung

Pressed
Darstellung des Secondary Button Stils, Pressed

Vermassung

4.9.3 Button Frameless Primary

Normal
Default
Darstellung des Frameless Primay Button Stils, Normal, Default

Vermassung

Pressed
Darstellung des Frameless Primay Button Stils, Normal, Pressed

Vermassung

Small
Default
Darstellung des Frameless Primay Button Stils, Small, Default

Vermassung

Pressed
Darstellung des Frameless Primay Button Stils, Small, Pressed

Vermassung

4.9.4 Button Frameless Secondary

Normal
Default
Darstellung des Frameless Secondary Button Stils, Normal, Default

Vermassung

Pressed
Darstellung des Frameless Secondary Button Stils, Normal, Pressed

Vermassung

Small
Default
Darstellung des Frameless Secondary Button Stils, Small, Default

Vermassung

Pressed
Darstellung des Frameless Secondary Button Stils, Small, Pressed

Vermassung

4.9.5 Button Segmented

Checked

Vermassung

Unchecked

Vermassung

4.9.6 Checkbox

Default
Darstellung des Checkbox Stils, Default

Vermassung

Disabled
Darstellung des Checkbox Stils, Disabled

Vermassung

4.9.7 Radio

Default
Darstellung des Radio Stils, Default

Vermassung

Disabled
Darstellung des Radio Stils, Disabled

Vermassung

4.9.8 Select

Title
Darstellung des Radio Stils, Select

Vermassung

Value
Darstellung des Radio Stils, Value

Vermassung

4.9.9 Input

Value
Default
Darstellung des Input Stils, Value, Default

Vermassung

Disabled
Darstellung des Input Stils, Value, Disabled

Vermassung

Label Default
Darstellung des Input Stils, Value, Label Default

Vermassung

Label Small
Darstellung des Input Stils, Value, Label Small

Vermassung

Error
Darstellung des Input Stils, Value, Error

Vermassung