CTA Teaser (Bild/Text)
Hier findet ihr eine Vorlage für die Verwendung von Horizontal und Vertical Cards sowie Reusable Cards für die SOS-Kinderdörfer Website.
Verwendung:
Horizontal, Vertical und Reusable Cards werden verwendet, um Teaser mit Text und Bild darzustellen. Die Verwendung erfolgt, wenn
- Bilder im Teaser einen Mehrwert bieten oder werblich fungieren sollen
- ein Teaser auf der Seite besonders hervorgeheben werden soll
Do's & Dont's
- Bitte ausschließlich die Widgetbreiten wie unten verwenden und hierbei auf verschiedenene Spaltenbreiten für Tablet achten!
- Bitte das Headerbild der Seite als Teaserbild verwenden.
- Darauf achten, dass die Headline nicht zu lang ist.
- Das Teaserbild sollte nur in Ausnahmefällen Text beinhalten (Texte im Bild sind nicht responsiv bzw. technisch auslesbar).
- WICHTIG: Die Widgets dürfen nur für die Verwendung von Teasern fungieren und dürfen nicht als Textelemente ohne Verlinkung verwendet werden!
Verwendung der Horizontal Card & Reusable Card (Horizontal)
Bei wenig Text kann die Horizontal Card für Desktop mit 8 Spalten (Tablet & Mobile 12) verwendet werden:
Horizontal Card
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Reuseable Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Bei viel Text kann die Horizontal Card für Desktop mit 10 Spalten (Tablet & Mobile 12) verwendet werden:
Horizontal Card Längere Headline
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Reusable Card (Horizontal)
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias. Et incidunt omnis sit voluptates perferendis eos aperiam earum non tenetur nesciunt ut voluptatem voluptas.
Verwendung der Vertical Cards
Die Vertical Card sollte auf Desktop mit 4 Spalten, auf Tablet mit 6 Spalten, auf Mobile mit 12 Spalten verwendet werden.
Vertical Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Vertical Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Reuseable Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Reuseable Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Reuseable Card
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Hintergründe
Für die SOS-Kinderdörfer Website können folgende weitere Hintergrundfarben verwendet werden:
Sand Hintergrund
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.
Green 700 Hintergrund
Lorem ipsum dolor sit amet. Aut rerum atque ex eveniet libero non dicta dolores et beatae alias.