Typographie/Schriften
H1 - Hauptüberschrift
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
36 px
42 px
News Cycle (700)
#000000
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
36 px
42 px
Open Sans (600)
#000000
Schriftgröße: 36 px
Zeilenhöhe: 42 px
Schriftart: Open Sans (600)
Farbe: #000000
H2 - Unterüberschrift
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
30 px
36 px
News Cycle (700)
#000000
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
30 px
36 px
Open Sans (600)
#000000
Schriftgröße: 30 px
Zeilenhöhe: 36 px
Schriftart: Open Sans (600)
Farbe: #000000
H3 - Zwischenüberschrift
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
24 px
30 px
News Cycle (700)
#000000
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
24 px
30 px
Open Sans (600)
#000000
Schriftgröße: 24 px
Zeilenhöhe: 30 px
Schriftart: Open Sans (600)
Farbe: #000000
H4 - Kleine Überschrift
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
24 px
30 px
News Cycle
#000000
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
24 px
30 px
Open Sans
#000000
Schriftgröße: 24 px
Zeilenhöhe: 30 px
Schriftart: Open Sans
Farbe: #000000
Paragraph/Lauftext
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
20 px
30 px
News Cycle
#606060
Schriftgröße:
Zeilenhöhe:
Schriftart:
Farbe:
20 px
30 px
Open Sans
#606060
Schriftgröße: 20 px
Zeilenhöhe: 30 px
Schriftart: Open Sans
Farbe: #606060
Textdekoration:
Farbe:
Unterstrichen
#B51D28
Textdekoration: Unterstrichen
Farbe: #B51D28
Farben und Größen
Farbakzente:
Hintergrundfarbe (Inhalte):
Hintergrundfarbe (Boxed Layout):
Topbar (Farbe):
Topbar (Größe):
Fußzeile (Farbe Hintergrund):
Fußzeile (Farbe Schrift):
#B51D28
#E9E9E9
#F7F7F7
#F3F3F3
14 px
#F3F3F3
#ABABAB
Bildergrößen und Formate
Gilt für die Seitengröße von 1200 px und 16/9-Format
Bildgröße volle Spalte - 1/1
Bildgröße halbe Spalte - 1/2
Bildgröße drittel Spalte - 1/3
Bildgröße viertel Spalte - 1/4
Bildgröße sechstel Spalte - 1/6
Bildgröße Full-Width
Beispiel der Textgestaltung
H1 - Überschrift
Paragraph/Lauftext - sit amet, consetetur sadipscing elitr, sed diam Ich bin ein Link eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
H2 - Unterüberschrift
H3 - Zwischenüberschrift
Paragraph/Lauftext - consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
H4 - Kleine Überschrift
Ich bin auch ein Link sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.