Newsletter
Email & newsletter blocks
The blocks below recur across the website and the MailerLite newsletter. They use the same brand component classes as everything else. For actual email, remember that email clients need inline styles and table-based layout — treat these as the visual spec and the web/landing version; render the email build with inlined styles.
TLDR box
TLDR
Die meisten Unternehmen brauchen keinen Rundumschlag. Sie brauchen einen Aha! Moment.
View source
<div class="tldr-box">
<div class="tldr-label">TLDR</div>
<div class="tldr-body">Die meisten Unternehmen brauchen keinen Rundumschlag. Sie brauchen einen Aha! Moment.</div>
</div>Quote / callout block
Wer den Engpass findet, findet den Hebel.
— Tommi Enenkel
View source
<div class="callout-block">
<div class="callout-quote">Wer den Engpass findet, findet den Hebel.</div>
<div class="callout-source">— Tommi Enenkel</div>
</div>Newsletter divider
View source
<div class="divider-newsletter">Nächster Abschnitt</div>CTA band
Bleiben Sie auf dem Laufenden. Ein Impuls pro Woche, kein Spam.
Abonnieren →
View source
<div class="cta-block">
<div class="cta-text"><strong>Bleiben Sie auf dem Laufenden.</strong> Ein Impuls pro Woche, kein Spam.</div>
<a href="#" class="btn-email">Abonnieren →</a>
</div>Inline signup form
View source
<form class="newsletter-form">
<div class="newsletter-row">
<input class="form-input" type="email" placeholder="ihre@email.de">
<button class="btn-email" type="submit">Anmelden</button>
</div>
<label class="form-checkbox"><input type="checkbox"> Ich stimme der Datenschutzerklärung zu.</label>
</form>