Navigieren auf digital.sbb.ch

Beta

Zur Startseite von digital.sbb.ch

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
4.2 Headline
4.3 Title
4.4 Subtitle
4.5 Copy
4.6 Body
4.7 Legend
4.8 Link
4.9 Formular

4.1 Header

Darstellung des Header Stils

4.2 Headline

Black

Darstellung des Headline Stils, black

White

Darstellung des Headline Stils, white

4.3 Title

4.3.1 Default

Black

Darstellung des Title Stils, Default, Black

Metal

Darstellung des Title Stils, Default, Metal

4.3.2 Modul

Darstellung des Title Stils, Modul

4.4 Subtitle

Black

Darstellung des Subtitle Stils, black

Metal

Darstellung des Subtitle Stils, metal

4.5 Copy

Black

Darstellung des Copy Stils, black

White

Darstellung des Copy Stils, White

4.6 Body

Black

Darstellung des Body Stils, Black

Metal

Darstellung des Copy Stils, Metal

Red

Darstellung des Copy Stils, Red

4.7 Legend

4.7.1 Normal

Black

Darstellung des Legend Stils, Normal, Black

Metal

Darstellung des Legend Stils, Normal, Metal

Red

Darstellung des Legend Stils, Normal, Red

White

Darstellung des Legend Stils, Normal, White

4.7.2 Small

Darstellung des Legend Stils, Small

4.8 Link

Default

Darstellung des Link Stils, Default

Pressed

Darstellung des Link Stils, Pressed

4.9 Formular

4.9.1 Button Primary

Default

Darstellung des Primary Button Stils, Default

Disabled

Darstellung des Primary Button Stils, Disabled

4.9.2 Button Secondary

Default

Darstellung des Secondary Button Stils, Default

Disabled

Darstellung des Secondary Button Stils, Disabled

Pressed

Darstellung des Secondary Button Stils, Pressed

4.9.3 Button Frameless Primary

Normal

Default

Darstellung des Frameless Primay Button Stils, Normal, Default

Pressed

Darstellung des Frameless Primay Button Stils, Normal, Pressed

Small

Default

Darstellung des Frameless Primay Button Stils, Small, Default

Pressed

Darstellung des Frameless Primay Button Stils, Small, Pressed

4.9.4 Button Frameless Secondary

Normal

Default

Darstellung des Frameless Secondary Button Stils, Normal, Default

Pressed

Darstellung des Frameless Secondary Button Stils, Normal, Pressed

Small

Default

Darstellung des Frameless Secondary Button Stils, Small, Default

Pressed

Darstellung des Frameless Secondary Button Stils, Small, Pressed

4.9.5 Button Segmented

Checked

Unchecked

4.9.6 Checkbox

Default

Darstellung des Checkbox Stils, Default

Disabled

Darstellung des Checkbox Stils, Disabled

4.9.7 Radio

Default

Darstellung des Radio Stils, Default

Disabled

Darstellung des Radio Stils, Disabled

4.9.8 Select

Title

Darstellung des Radio Stils, Select

Value

Darstellung des Radio Stils, Value

4.9.9 Input

Value

Default

Darstellung des Input Stils, Value, Default

Disabled

Darstellung des Input Stils, Value, Disabled

Label Default

Darstellung des Input Stils, Value, Label Default

Label Small

Darstellung des Input Stils, Value, Label Small

Error

Darstellung des Input Stils, Value, Error