Newsletter
Der Newsletter orientiert sich an dem Internet Styleguide: internet.handwerkskammer.de. Man kann hier zwischen drei Designvarianten des Headers auswählen.
Header informativ
Mastertemplates herunterladen
![Mockup V1 Desktop-min](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v1-desktop-min.png)
![Newsletter Header Variante 1 mobil](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v1-mobil-min.png)
Header werblich
![Mockup V2 Desktop-min](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v2-desktop-min.png)
![Mockup V2 Mobil-min](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v2-mobil-min.png)
Header editorial
![Mockup V3 Desktop-min](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v3-desktop-min.png)
![Mockup V3 Mobil-min](https://www.hwk-styleguide.de/wp-content/uploads/mockup-v3-mobil-min.png)
Raster
Für den Header in der Desktopansicht verwenden wir ein Raster mit einer Rastereinheit von 30px, für den Rest eine Rastereinheit von 20px.
![Raster 3](https://www.hwk-styleguide.de/wp-content/uploads/raster-3-min.png)
Layout und Schriftgrößen
Header informativ
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) Desktop = 30px (Desktop) | 20px (Mobil)
1. Topline
The Sans Bold, 14 pt
#408FE5
2. Headline
The Sans Bold, 24 pt
#252525
3. Einleitung und Fließtext
The Sans Reg, 19 pt
#444444
4. Button
The Sans Bold, 12 pt
Textfarbe: #FFFFFF
Buttonfarbe: #408FE5
Header werblich
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 30px (Desktop) | 20px (Mobil)
1. Topline
The Sans Bold, 14 pt
#408FE5
2. Headline
The Sans Bold, 24 pt
#252525
3. Einleitung und Fließtext
The Sans Reg, 19 pt
#444444
4. Button
The Sans Bold, 12 pt
Textfarbe: #FFFFFF
Buttonfarbe: #408FE5
Header editorial
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 30px (Desktop) | 30px (Mobil)
1. Topline
The Sans Bold, 14 pt
#408FE5
2. Headline
The Sans Bold, 24 pt
#252525
3. Fließtext
The Sans Reg, 19 pt
#444444
News mit Bild
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Topline
The Sans Bold, 14 pt
#408FE5
2. Headline
The Sans Bold, 24 pt
#252525
3. Fließtext
The Sans Reg, 19 pt
#444444
4. Linktext
The Sans Bold, 14 pt
#252525
News ohne Bild
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Topline
The Sans Bold, 14 pt
#408FE5
2. Headline
The Sans Bold, 24 pt
#252525
3. Fließtext
The Sans Reg, 19 pt
#444444
4. Linktext
The Sans Bold, 14 pt
#252525
Anzeige Variante 1
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Headline
The Sans Bold, 24 pt
#252525
2. Fließtext
The Sans Reg, 19 pt
#444444
Anzeige Variante 2
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Headline
The Sans Bold, 24 pt
#252525
2. Fließtext
The Sans Reg, 19 pt
#444444
Auch interessant
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 24 pt
#408FE5
2. Headline
The Sans Bold, 19 pt
#252525
3. Fließtext
The Sans Reg, 19 pt
#444444
Veranstaltungen
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 24 pt
#408FE5
2. Headline
The Sans Bold, 19 pt
#408FE5
3. Text
The Sans Bold, 19 pt
#252525
3. Veranstaltungsort und Zeit
The Sans Reg, 19 pt
#444444
Footer
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 18 pt
#408FE5
2. Headline
The Sans Bold, 18 pt
#FFFFFF
3. Subhead
The Sans Bold, 15 pt
#FFFFFF
3. Text
The Sans Reg, 15 pt
#FFFFFF
Beispiel
![Best-practice-mit-Beschreibung_komp](https://www.hwk-styleguide.de/wp-content/uploads/best-practice-mit-beschreibung-komp.png)