Screendesign
Das Webdesign des ZDH bietet eine Vielzahl an Gestaltungs- und Gliederungsmöglichkeiten. Ein großzügiger Umgang mit Weißraum und Bildmaterial sind stilbildend. Zahlreiche Navigationsmöglichkeiten weisen einen übersichtlichen Weg durch die Seiten – geräteunabhängig.
Farben
Anwendung Farbe
Elemente / Komponenten
1. Button
2. Button
Texteingabe
Textauswahl
Texteingabe Fehler
Icons
Social Media
Icons
Pagination
Teaserelemente
Bild/Textboxen
Author
Bild Text Module
Interactives Bild Text Module
Normal-Zustand
Rollover-Zustand
Schrift
TheSans
Body 1 / Subline
Font Size: 20 px
Line: 30px (150%)
Body 2 Teaser
Font Size: 16 px
Line: 23px
BU – blau
Font Size: 14 px
Line: 19px (150%)
Copyright 50% blau
H1
Font Size: 42 px
Line: 50px (120%)
H2
Font Size: 32 px
Line: 40px (125%)
H3
Font Size: 24px
Line: 30px (125%)
H4
Font Size: 20 px
Line: 30 px (150%)
H5
Font Size: 16 px
Line: 23 px
Aufzählungen
Mobile
Body 1 Mobile
Font Size: 18 px
Line: 27px (150%)
Body 2 Teaser Mobile
Font Size: 16 px
Line: 24px (150%)
H1 Mobile
Font Size: 28 px
Line: 34px (120%)
H2 Mobile
Font Size: 24 px
Line: 30px (125%)
H3 Mobile
Font Size: 20 px
Line: 25px (125%)
H4 Mobile
Font Size: 18 px
Line: 27px (150%)
H5 Mobile
Font Size: 16 px
Line: 24px (150%)
Links
Bildnachweis
Bildnachweis
rechts oben im Bild
Font Size: 10px
Line: 10px (100%)
Schatten: #000 x:0 y:0 Blur: 3px
