Der HTML-Newsletter: Digitale Kommunikation für schnelle Information
Für den Versand von HTML-Newslettern haben wir Rahmenbedingungen definiert: Das ist nicht nur einfacher und effizienter, durch diesen Gestaltungsrahmen stellen wir zudem sicher, dass die Kommunikation stets in unserem Markendesign erfolgt. Hier stellen wir dir die wichtigsten Elemente vor.
Das Wichtigste in Kürze
- Orientiere dich an den Gestaltungsvorgaben des Newsletters.
- Nutze für den Header das hinterlegte Template.
- Nutze unsere DB Screen-Schriften in den vorgegebenen Größen, damit Texte gut lesbar sind.
- Mache durch aktivierende Call-to-Action-Buttons auf weiterführende Inhalte aufmerksam.
Schriften für den digitalen Einsatz
Verwende für unseren HTML-Newsletter die DB Screen Head Black für Überschriften und Zitate. In den Fließtexten kommt die DB Screen Sans in den Schriftschnitten Regular und Bold zum Einsatz. Detailliertere Informationen zum Gebrauch unserer Schriften in digitalen Anwendungen findest du hier.
DB Screen Head Die DB HeadDie DB Screen Head prägt das typografische Bild unserer Headlines in digitalen Anwendungen.
DB Screen SansDie DB Sans in den Schriftschnitten Regular und Bold verwenden wir für Lesetexte. Für den digitalen Einsatz optimiert, bleibt sie auch in kleinen Schriftgrößen sehr gut lesbar.
Platzierung von Zusatzmarkierungen im Header
Die Zusatzmarkierung wird auf dem Header rechts unten platziert. Weitere Informationen zum Einsatz von Zusatzmarkierungen findest du hier.
Einführungstext
Unterhalb des Headers befindet sich ein kurzer Einführungstext. Für den farbigen Hintergrund des Einführungstextes und Zitate, kommen die hellen Töne unserer Sekundärfarben zum Einsatz.
Hintergrundfarben
Verwende für farbige Hintergrundflächen helle Farbtöne aus dem 100er und 200er Bereich unserer Farbpalette. Die exakten RGB-Farbwerte findest du hier.
Zitate
Zitate kannst du hervorheben, indem du sie auf hellen Farbflächen platzierst. Nutze hierfür die hellen Töne aus unserem DB Farbspektrum.
Text auf Bild
Durch die Platzierung von Text auf Bild lassen sich inhaltliche Aussagen verstärken. Achte jedoch darauf, dass der Text gut lesbar ist. Hintergrundbilder sollten daher ruhig sein und ausreichend Kontrast zur Schrift besitzen. Weitere Details findest du hier.
Spaltenaufteilung
Du kannst mit ein- oder zweispaltigem Layout arbeiten. Wenn der Text eine hohe Informationsdichte besitzt, ist das einspaltige Raster für Leser:innen meist angenehmer. Auch kommen Bilder hier prominenter zum Einsatz.
Das zweispaltige Raster eignet sich hingegen, um zwei Beiträge gegenüberzustellen und einen komprimierten Einblick in Themen zu vermitteln.
Footer
Für den Text im Footer-Bereich gibt das CD keinerlei rechtliche Vorschriften. Diese können jedoch beim Rechtsdienst oder beim Datenschutz erfragt werden.
Download
Hier stellen wir dir unser Newsletter-Header-Template zu Verfügung. Verwende bitte nur diese offizielle Vorlage und verändere sie nicht.
Du hast Fragen?
Wir haben alles dafür gegeben, dass unser Corporate Design mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein oder Fragen haben, so sind wir gerne für dich da!
Weiter