Newsletter
Der Newsletter orientiert sich an dem Internet Styleguide: internet.handwerkskammer.de. Man kann hier zwischen drei Designvarianten des Headers auswählen.
Header Design „wenig Text“


Header Design „viel Text“


Header Design „Ansprache“


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.

Layout
Header Design „wenig Text“
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) Desktop = 30px (Desktop) | 20px (Mobil)
1. Topline
The Sans Bold, 14 pt
#488FDB
2. Headline
The Sans Bold, 24 pt
#111111
3. Einleitung
The Sans Reg, 19 pt
#111111
4. Button
The Sans Bold, 12 pt
Textfarbe: #FFFFFF
Buttonfarbe: #488FDB
Header Design „viel Text“
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 30px (Desktop) | 20px (Mobil)
1. Topline
The Sans Bold, 14 pt
#488FDB
2. Headline
The Sans Bold, 24 pt
#111111
3. Einleitung
The Sans Reg, 19 pt
#111111
4. Button
The Sans Bold, 12 pt
Textfarbe: #FFFFFF
Buttonfarbe: #488FDB
Header Design „Ansprache“
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 30px (Desktop) | 30px (Mobil)
1. Topline
The Sans Bold, 14 pt
#488FDB
2. Headline
The Sans Bold, 24 pt
#111111
3. Ansprache
The Sans Reg, 19 pt
#111111
News mit Bild
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Topline
The Sans Bold, 14 pt
#488FDB
2. Headline
The Sans Bold, 24 pt
#111111
3. Text
The Sans Reg, 19 pt
#111111
4. Infotext
The Sans Bold, 14 pt
#111111
News ohne Bild
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Topline
The Sans Bold, 14 pt
#488FDB
2. Headline
The Sans Bold, 24 pt
#111111
3. Text
The Sans Reg, 19 pt
#111111
4. Infotext
The Sans Bold, 14 pt
#111111
Anzeige Variante 1
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Headline
The Sans Bold, 24 pt
#111111
2. Text
The Sans Reg, 19 pt
#111111
Anzeige Variante 2
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Headline
The Sans Bold, 24 pt
#111111
2. Text
The Sans Reg, 19 pt
#111111
Auch interessant
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 24 pt
#488FDB
2. Headline
The Sans Bold, 19 pt
#111111
3. Text
The Sans Reg, 19 pt
#111111
Veranstaltungen
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 24 pt
#488FDB
2. Headline
The Sans Bold, 19 pt
#488FDB
3. Text
The Sans Bold, 19 pt
#111111
3. Veranstaltungsort und Zeit
The Sans Reg, 19 pt
#111111
Footer
Alle Elemente des Newsletters ordnen sich im Raster an. Rastereinheit (RE) = 20 Pixel.
1. Rubrik
The Sans Bold, 18 pt
#488FDB
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
