Navigieren auf digital.sbb.ch

Beta

Typografie

1. Schrift

Als Schriftart wird die Hausschrift «SBB Web» als Web-Font verwendet und in den Schnitten Thin, Light, Roman und Bold eingesetzt.

2. Stile

Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Komponenten. Werden andere eingesetzt ist auf eine klare Hierarchie zu achten ebenso wie auf ausreichenden Kontrast und entsprechenden Zeilen- / Absatzabstand. Für die Schriftfarben gelten die SBB-Farben.

2.1 Überschrift H1

Darstellung des Schriftstils Überschrift H1
  • Pro Seite nur einmal.
  • Beinhaltet nie einen Link.
  • Text der Überschrift soll dem Titel in der Navigation entsprechen.

Spezifikation

2.2 Überschrift H2

Darstellung des Schriftstils Überschrift H2
  • Ausrichtung ist grundsätzlich linksbündig.
  • Wird der H2-Titel für zusätzliche Informationen direkt unter einem H1-Titel verwendet, darf dieser auch zentriert ausgerichtet werden.
  • Darf nicht ohne vorangehenden H1-Titel eingesetzt werden.

Spezifikation

2.3 Überschrift H3

Darstellung des Schriftstils Überschrift H3
  • Ausrichtung ist linksbündig.
  • Darf nicht ohne vorangehenden H2-Titel eingesetzt werden.

Spezifikation

2.4 Überschrift H4

Darstellung des Schriftstils Überschrift H4
  • Ausrichtung ist linksbündig.
  • Darf nicht ohne vorangehenden H3-Titel eingesetzt werden.

Spezifikation

2.5 Lead

Darstellung des Schriftstils Lead-Text

Spezifikation

2.6 Fliesstext (Copy)

Darstellung des Schriftstils Fliesstext

Spezifikation

2.7 Link

Darstellung des Schriftstils Link
  • Gilt als Standardlink innerhalb von Texten.
  • Zusätzliche Ausführungen von Links sind unter Link zu finden.

Spezifikation

2.8 Subtext

Darstellung des Schriftstils Subtext

Spezifikation

2.9 Tabellenheader

Darstellung des Schriftstils Tabellenheader
  • Definition der Tabelle als Komponente ist unter Table zu finden.

Spezifikation

2.10 Tabellendaten

Darstellung des Schriftstils Tabellendaten
  • Definition der Tabelle als Komponente ist unter Table zu finden.

Spezifikation

2.11 Liste geordnet

Darstellung des Schriftstils Liste geordnet
  • Liste hat maximal drei Hierarchie-Stufen.
  • Einfache Links sind erlaubt.
  • Auszeichnungen (Bold), hoch- und tiefgestellte Zahlen sind zugelassen.
  • Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden.

Spezifikation

2.12 Liste ungeordnet

Darstellung des Schriftstils Liste ungeordnet
  • Liste hat maximal drei Hierarchie-Stufen.
  • Einfache Links sind erlaubt.
  • Auszeichnungen (Bold), hoch- und tiefgestellte Zahlen sind zugelassen.
  • Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden.

Spezifikation

2.13 Fieldset einfach

Darstellung des Schriftstils Fieldset einfach

Spezifikation

2.14 Fieldset verschachtelt

Darstellung des Schriftstils Fieldset verschachtelt

Spezifikation