Typography
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
- Schrift: SBB Light
- Grösse: 30px
- Zeilenabstand: 32px
- Ausrichtung: zentriert
- Farben: ??
Large
Bold
- Schrift: SBB Bold
- Grösse: 18px
- Zeilenabstand: 24px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Light
- Schrift: SBB Light
- Grösse: 18px
- Zeilenabstand: 24px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Medium
Bold
- Schrift: SBB Bold
- Grösse: 16px
- Zeilenabstand: 20px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Light
- Schrift: SBB Light
- Grösse: 16px
- Zeilenabstand: 20px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Small
Bold
- Schrift: SBB Bold
- Grösse: 14px
- Zeilenabstand: 20px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Light
- Schrift: SBB Light
- Grösse: 14px
- Zeilenabstand: 20px
- Ausrichtung: links, zentriert, rechts
- Farben: ??
Extra Small
Light
- 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