Headline 1

Beim SOS Hero ist darauf zu achten, dass die Box immer weiß bleibt und die Option „overlap“ ausgewählt wird. Headline wird grundsätzlich als H1 gesetzt und in Primary gefärbt. Text sollte kurz gehalten sein und idealerweise aus 10 bis max. 30 Wörtern bestehen.

Headline 1

Headline Introtext 1-spaltig

Für den SOS Rich Text gilt, dass der Introtext einen Umfang von etwa 50 Wörtern haben sollte. Einspaltige Absätze werden auf eine Desktop Width von 8 gesetzt und zentriert ausgerichtet (Widget Alignment: 3), um eine klare und ausgewogene Darstellung zu gewährleisten.

Headline Introtext 2-spaltig

Der Background direkt nach dem SOS Hero sollte immer weiß sein, um auf mobilen Endgeräten eine weiße Lücke zu vermeiden. Zusätzlich ist ein Margin Top auf „Large“ zu setzen, damit sich die Box nicht mit dem folgenden Text überlappt.

Kommt nach dem Absatz weiterer Content im gleichen Container, bleibt das Margin Bottom auf „Small“. Wird hingegen ein neuer Container begonnen, beispielsweise mit einer neuen Überschrift oder einer anderen Hintergrundfarbe, ist das Margin Bottom auf „Medium“ zu setzen.

Headline: Übersicht, Verlinkungen zu LPs

Übertitel

SOS Horizontal Card 1-spaltig

Das Bild sollte immer "left aligned" sein. Wenn ein Button hinzugefügt wird, muss Bildformat angepasst werden - eher meiden.

Übertitel

Horizontal Card 2-spaltig

Das Bild sollte immer "left aligned" sein. Wenn ein Button hinzugefügt wird, muss Bildformat angepasst werden - eher meiden.

Übertitel

Headline 3

Dies ist ein kurzer Teasertext. Ich sollte nicht länger als 3 Zeilen lang sein oder mehr als 20 Wörter beinhalten.

Übertitel

Vertical Card 2-spaltig

Bei Vertical Cards werden Bilder über dem Text abgebildet. Daher kann die Wortanzahl etwas umfangreicher sein und ein Button problemlos hinzugefügt werden.

Mehr erfahren

Übertitel

Headline 3

Bei Vertical Cards werden Bilder über dem Text abgebildet. Daher kann die Wortanzahl etwas umfangreicher sein und ein Button problemlos hinzugefügt werden.

Mehr erfahren

Übertitel