Showcase
Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.
Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.
Folgende Varianten:
Highlighting über "dark background" (Styling) möglich
Darstellung von 1-6 Kontakten. Diese verteilen sich dynamisch je nach Anzahl der Kontakte und je nach Viewport.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Folgende Varianten:
Highlighting über "dark background" (Styling) möglich.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Varianten:
Es können max. 10 interne und/oder externe Links vergeben werden → mehr Begriffe kann ein User nicht mehr verarbeiten.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)

Folgende Varianten:
Es sind 1-6 Teaser auswählbar. Diese verteilen sich dynamisch je nach Anzahl der Teaser und je nach Viewport.
Highlighting über "dark background" (Styling) möglich.
Beschreibungstext kann über "No Info Text" (Styling) ausgeblendet werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Einzelne Teaser bestehen aus:
Es können 1-6 Facts dargestellt werden; die Anordnung und Größe der Komponente passt sich dynamisch an den Content und den jeweiligen Viewport an.
Auswahl der Icons über Google Material Icons.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Darstellung von Logos / Unternehmen inkl. Link (Empfehlung: max. 14)
Auswahloptionen:
Bis ca. 8 Logos / Unternehmen ist die Darstellung statisch (abhängig vom Viewport ggf. auch bei weinger Logos), bei mehr als 8 ist die Darstellung dynamisch als Slider durchlaufend.
Die Logos / Unternehmen können mit ihrem Unternehmensnamen angezeigt werden oder ohne (Styling "Show company name").
Die Logos / Unternehmen können in zufälliger Reihenfolge angezeigt werden ("Display Companies Randomly").
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
1-4 Preise können dargestellt werden
Es kann über die Preiskomponenten hinweg eine übergreifende Headline gepflegt werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Headline (der jeweiligen Preisoption) und Preis sind Pflichtangaben.
optional:
Es können bis zu 2 CTAs gepflegt werden.
Es können bis zu 3 Ankerlinks gesetzt werden (Links zu Abschnitten auf derselben Seite).
Headline immer als H1 verwenden!
Varianten:
Varianten:
Highlighting über "dark background" (Styling) möglich.
Es können bis zu 2 CTAs gepflegt werden.
Variante Text centered, mit CTA-Button, ohne Highlighting (Dark background)
Das ist ganz normaler Text.
Das ist normaler Text in fett.
Das ist normaler Text in kursiv.
Hier sind normale Links möglich: Ankerlinks, externe Links, interne Links, Media Links (PDFs)
Das ist eine Aufzählung mit Bulletpoints:
Das ist eine nummerierte Aufzählung:
Variante Text centered, ohne CTA-Button, mit Highlighting (Dark background)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Variante Text left, ohne CTA-Button, ohne Highlighting (Dark background)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Variante Text left, mit 1 CTA-Button, mit Highlighting (Dark background)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Varianten:
*Diese Varianten können auch ohne Text und CTA als reine Image-Komponente verwendet werden. Dazu das Textfeld und die CTA-Felder einfach leer lassen.
Es können bis zu 2 CTA-Buttons gepflegt werden.
Highlighting über "dark background" (Styling) möglich.
Varianten:
*Diese Varianten können auch ohne Text und CTA als reine Video-Komponente verwendet werden. Dazu das Textfeld und die CTA-Felder einfach leer lassen.
Es können bis zu 2 CTA-Buttons gepflegt werden.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)