Webschriften
Die Roboto wird für Überschriften (H1- H3) und Teasertexte verwendet.
Die Open Sans wird ausschließlich für den Fließtext verwendet. Die Ausnahme bildet hier die Verwendung als H4 Überschrift.
Überschriften
Headline 1
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 40px
Line Height: 50px
Weight: 400
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 40px
Line Height: 50px
Weight: 400
Überschrift Kategorie 1 (H1) - max. 150 Zeichen
Headline 2
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 30px
Line Height: 38px
Weight: 400
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 30px
Line Height: 38px
Weight: 400
Überschrift Kategorie 2 (H2) - Zwischenüberschrift
Headline 3
Text Color: #8C878C
Background: #FFFFFF
Font: Roboto
Size: 24px
Line Height: 40px
Weight: 300
Text Color: #8C878C
Background: #FFFFFF
Font: Roboto
Size: 24px
Line Height: 40px
Weight: 300
Überschrift Kategorie 3 (H3) - Zwischenüberschrift
Headline 4
Text Color: #8C878C
Background: #FFFFFF
Font: Open Sans
Size: 16px
Line Height: 21px
Weight: bold
Text Color: #8C878C
Background: #FFFFFF
Font: Open Sans
Size: 16px
Line Height: 21px
Weight: bold
Überschrift Kategorie 4 (H4) - Zwischenüberschrift
Texttypen
Teasertext
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 20px
Line Height: 26px
Spacing: 0.05em
Weight: bold
Text Color: #3F373F
Background: #FFFFFF
Font: Roboto
Size: 20px
Line Height: 26px
Spacing: 0.05em
Weight: bold
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
Zitat
Text Color: #8C878C
Background: #FFFFFF
Font: Roboto
Size: 24px
Line Height: 30px
Weight: 300
Text Color: #8C878C
Background: #FFFFFF
Font: Roboto
Size: 24px
Line Height: 30px
Weight: 300
Caritas international leistet Hilfe für Menschen in Not - unabhängig von ihrer ethnischen Zugehörigkeit, ihrer Religion, Nationalität oder Weltanschauung.
Fließtext
Text Color: #3f373f
Background: #FFFFFF
Font: Open Sans
Size: 18px
Line Height: 1.5em
Weight: 300
Text Color: #3f373f
Background: #FFFFFF
Font: Open Sans
Size: 18px
Line Height: 1.5em
Weight: 300
Fließtext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
