Navigieren auf digital.sbb.ch

Beta

Typografie

1. Font

The company font «SBB Web» is used as a web font and in the styles Thin, Light, Roman and Bold. «SBB Web» can be downloaded here.

The use of a mono-spaced font is recommended for some applications. The font required is selected when used for the first time. The following fonts are currently available:

  • Courier
  • OCR-B
  • Consolas
  • Roboto Mono
  • DejaVu Sans Mono

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 the font colours.

2.1 Heading H1

Image of the heading H1 text font style
  • Before H1 (above), a Divider of variant «Big» is inserted, afterwards (below) a Divider of variant «Medium».

Specification

2.2 Heading H2

Image of the heading H2 text font style
  • Before H2 (above), a Divider of variant «Medium» is inserted, afterwards (below) a Divider of variant «Small».

Specification

2.3 Heading H3

Image of the heading H3 text font style
  • Before H3 (above), a Divider of variant «Small» is inserted, afterwards (below) a Divider of variant «Thin».

Specification

2.4 Heading H4

Image of the heading H4 text font style
  • Before H4 (above), a Divider of variant «Small» is inserted, afterwards (below) a Divider of variant «Thin».

Specification

2.5 Body copy

Image of the body copy font style
  • Before the copy (above), a Divider of variant «Thin» is inserted, afterwards (below) a Divider of variant «Thin».

Specification

2.6 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.7 Table header

This style has the following statuses:

  • Default
  • Hover
  • Sorted
Image of the table header font style

Design specification

Code specification

2.8 Table subtitle

This style has the following statuses:

  • Default
  • Hover
  • Sorted
Image of the table subtitle font style

Design specification

Code specification

2.9 Table rowtitle

Image of the table header font style

Specification

2.10 Table data

Image of the table data font style

Specification