beta

Typografie

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

Vermassung

4.2 Headline

Black

Vermassung

White

Vermassung

4.3 Title

4.3.1 Default

Black

Vermassung

Metal

Vermassung

4.3.2 Modul

Vermassung

4.4 Subtitle

Black

Vermassung

Metal

Vermassung

4.5 Copy

Black

Vermassung

White

Vermassung

4.6 Body

Black

Vermassung

Metal

Vermassung

Red

Vermassung

4.7 Legend

4.7.1 Normal

Black

Vermassung

Metal

Vermassung

Red

Vermassung

White

Vermassung

4.7.2 Small

Vermassung

Default

Vermassung

Pressed

Vermassung

4.9 Formular

4.9.1 Button Primary

Default

Vermassung

Disabled

Vermassung

4.9.2 Button Secondary

Default

Vermassung

Disabled

Vermassung

Pressed

Vermassung

4.9.3 Button Frameless Primary

Normal
Default

Vermassung

Pressed

Vermassung

Small
Default

Vermassung

Pressed

Vermassung

4.9.4 Button Frameless Secondary

Normal
Default

Vermassung

Pressed

Vermassung

Small
Default

Vermassung

Pressed

Vermassung

4.9.5 Button Segmented

Checked

Vermassung

Unchecked

Vermassung

4.9.6 Checkbox

Default

Vermassung

Disabled

Vermassung

4.9.7 Radio

Default

Vermassung

Disabled

Vermassung

4.9.8 Select

Title

Vermassung

Value

Vermassung

4.9.9 Input

Value
Default

Vermassung

Disabled

Vermassung

Label Default

Vermassung

Label Small

Vermassung

Error

Vermassung