Typography
Font
For the digital typeface we are using the Open Sans by Google.
a b c d e f g h i j k l m o p q r s t u v w
1 2 3 4 5 6 7 8 9 0 ? & / - . , # §
A B C D E F G H I J K L M O N P Q R S T U V W X Y Z
a b c d e f g h i j k l m o p q r s t u v w
1 2 3 4 5 6 7 8 9 0 ? & / - . , # §
Weights
We are using a selection of three weights to achieve a visual hierarchy in the typeface. For default bold text in paragraphs oder titles we are using the semibold. Only in headlines for pages and editorial text the bold weight is in action.
S
|
S
|
S
|
S
|
.font-weight-light
|
.font-weight-normal
|
.font-weight-semibold
|
.font-weight-bold
|
Headings
Headings introduce full pages at the top of them and structur editorial content like aticles. An abstract of the heading styling is used in promotional components like stage and promo-teaser. In the promotional purpose the heading are set italic and UPPERCASE as an reference to the advertisment in printed media.
style | selector |
---|---|
Heading 01
|
.h1
|
Heading 02
|
.h2
|
Heading 03
|
.h3
|
Heading 04
|
.h4
|
Heading 05
|
.h5
|
Heading 06
|
.h6
|
Body
The body font style is the general font style for all editorial texts and detailed informations. It is used for paragraph, lists, tables and explaing texts.
style | selector |
---|---|
Body font size large
|
.font-size-lg
|
Body font size medium
|
.font-size-md
|
Body font size base
|
.font-size-base
|
Body font size small
|
.font-size-sm
|
Body font size smallest
|
.font-size-xs
|