Typografie Font
The company font ‘SBB Web’ is used as a web font and in the styles Thin, Light, Roman and Bold.
Style
The font styles defined here form the base 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 colors apply to font colors.
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.
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.
Heading H3
- Alignment is left-justified.
- It cannot be used without a preceding H2 title.
Heading H4
- Alignment is left-justified.
- It cannot be used without a preceding H3 title.
Lead
Body copy
Link
- Is used as a standard link within texts.
- Further information about links can be found at link.
Subtext
Table header
- The definition of the table as a component can be found under table.
Table data
- The definition of the table as a component can be found under table.
Structured 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.
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.
Fieldset simple
Fieldset complex
Specification
DesignCode