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
- 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
- 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
- Alignment is left-justified.
- It cannot be used without a preceding H2 title.
Specification
2.4 Heading H4
- Alignment is left-justified.
- It cannot be used without a preceding H3 title.
Specification
2.5 Lead
Specification
2.6 Body copy
Specification
2.7 Link
- Is used as a standard link within texts.
- Further information about links can be found at link.
Specification
2.8 Subtext
Specification
2.9 Table header
- The definition of the table as a component can be found under table.
Specification
2.10 Table data
- The definition of the table as a component can be found under table.
Specification
2.11 List structure
- 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
- 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
Specification
2.14 Fieldset complex
