Navigieren auf digital.sbb.ch

Beta

Typography-❌

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English

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

Name Grösse Zeilenabstand Ausprägung Ausrichtung
Extra Large 30px 32px Light zentriert
Large 18px 24px Bold, Light links, zentriert, rechts
Medium 16px 20px Bold, Light links, zentriert, rechts
Small 14px 20px Bold, Light links, zentriert, rechts
Extra Small 12px 20px Light links, zentriert, rechts

Extra Large

Light

Darstellung des Primary Button Stils
  • Schrift: SBB Light
  • Grösse: 30px
  • Zeilenabstand: 32px
  • Ausrichtung: zentriert
  • Farben: ??

Large

Bold

Darstellung des Primary Button Stils
  • Schrift: SBB Bold
  • Grösse: 18px
  • Zeilenabstand: 24px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Light

Darstellung des Primary Button Stils
  • Schrift: SBB Light
  • Grösse: 18px
  • Zeilenabstand: 24px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Medium

Bold

Darstellung des Primary Button Stils
  • Schrift: SBB Bold
  • Grösse: 16px
  • Zeilenabstand: 20px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Light

Darstellung des Primary Button Stils
  • Schrift: SBB Light
  • Grösse: 16px
  • Zeilenabstand: 20px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Small

Bold

Darstellung des Primary Button Stils
  • Schrift: SBB Bold
  • Grösse: 14px
  • Zeilenabstand: 20px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Light

Darstellung des Primary Button Stils
  • Schrift: SBB Light
  • Grösse: 14px
  • Zeilenabstand: 20px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Extra Small

Light

Darstellung des Primary Button Stils
  • Schrift: SBB Light
  • Grösse: 12px
  • Zeilenabstand: 20px
  • Ausrichtung: links, zentriert, rechts
  • Farben: ??

Daten konnten nicht geladen werden.
https://raw.githubusercontent.com/sbb-design-systems/design-system-mobile-documentation/master/documentation/basics/typography/typography-de.md