Navigieren auf digital.sbb.ch

Beta

Typography

1. Font

The company font ‘SBB Web’ is used as a web font and in the styles Thin, Light, Roman and Bold.

2. Style

The font styles defined here form the basis of web applications and their components. If others are used, a clear hierarchy must be ensured as well as sufficient contrast and appropriate line/paragraph spacing. The SBB colours apply to font colours.

2.1 Heading H1

Image of the heading H1 text font style
  • Only once per page.
  • Never contains a link.
  • The text of the heading should be the same as the title in the navigation.

Specification

2.2 Heading H2

Image of the heading H2 text font style
  • It is generally left-justified.
  • If the H2 title is used for additional information directly beneath a H1 title, this may also be centred.
  • Cannot be used without a preceding H1 title.

Specification

2.3 Heading H3

Image of the heading H3 text font style3
  • Alignment is left-justified.
  • It cannot be used without a preceding H2 title.

Specification

2.4 Heading H4

Image of the heading H4 text font style
  • Alignment is left-justified.
  • It cannot be used without a preceding H3 title.

Specification

2.5 Lead

Image of the lead text font style

Specification

2.6 Body copy

Image of the body copy font style

Specification

2.7 Link

Image of the link font style
  • Is used as a standard link within texts.
  • Further information about links can be found at link.

Specification

2.8 Subtext

Image of the subtext font style

Specification

2.9 Table header

Image of the table header font style
  • The definition of the table as a component can be found under table.

Specification

2.10 Table data

Image of the table data font style
  • The definition of the table as a component can be found under table.

Specification

2.11 List structure

Image of the list structure font style
  • The list has a maximum of three hierarchy levels.
  • Simple links are permitted.
  • Bold, superscript and subscript numbers are permitted.
  • Short descriptions should be defined for a list entry (no four-line texts) whenever possible.

Specification

2.12 Unstructured list

Image of the unstructured list font style
  • The list has a maximum of three hierarchy levels.
  • Simple links are permitted.
  • Bold, superscript and subscript numbers are permitted.
  • Short descriptions should be defined for a list entry (no four-line texts) whenever possible.

Specification

2.13 Fieldset simple

Image of the fieldset simple font style

Specification

2.14 Fieldset complex

Image of the fieldset font style complex

Specification