Design

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 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 ? & / - . , # §
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