Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.
Accordion
Das ist eine Headline für das Akkordeon (optional)
Das ist eine Text-Komponente in einem Akkordeonpunkt. Hier stehen alle Formatierungen für normale Text-Komponenten zur Verfügung.
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Das ist eine TextImage-Komponente in einem Akkordeonpunkt. Hier kann beliebig Text mit Formatierungen und Linksgepflegt werden.
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Contact
Folgende Varianten:
- mit Info-Text
- ohne Info-Text
Highlighting über "dark background" (Styling) möglich
Darstellung von 1-3 Kontakten.
Die Headline ist optional.
Das ist die Variante "ohne Info-Text", 2 Kontakte
Das ist die Variante "mit Info-Text", 2 Kontakte
Das ist die Variante "mit Info-Text", 3 Kontakte
Download Link
Folgende Varianten:
- einspaltig (one column)
- zweispaltig (two columns)
- Preview (mit Vorschaubild)
Das ist die Variante "einspaltig" (one column)
Das ist die Variante "zweispaltig" (two columns)
Dynamic Link
Varianten:
- Default (Light)
- Flashy (coloured background) - folgt
Es können max. 10-15 interne und/oder externe Links vergeben werden → mehr Begriffe kann ein User nicht mehr verarbeiten.
Dynamic Teaser
Folgende Varianten:
- Text
- Icon - folgt
- ImageVideo
Es sind 1-6 Teaser auswählbar, die sich dynamisch anpassen.
Facts & Figures
Es können 1-6 Facts dargestellt werden; die Anordnung und Größe der Komponente passt sich dynamisch an.
Das ist eine übergreifende Headline (optional)
Fact 3
Das ist ein laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanger Beschriebungstext.
Das ist ein optionaler Link
12
12
Stage
Es können bis zu 2 CTAs gepflegt werden.
Es können bis zu 3 Ankerlinks gesetzt werden (Links zu Abschnitten auf derselben Seite).
Testimonial
Varianten:
- Text links / Bild rechts
- Text rechts / Bild links
- Text only
TestimonialProps
TestimonialProps
TestimonialProps
Text
Folgende Varianten:
- Text left
- Text centered
Highlighting über "dark background" (Styling) möglich.
centered, mit CTA-Button, ohne Highlighting (Dark background)
Das ist eine Headline H1
Das ist eine Headline H2
Das ist eine Headline H3
Das ist eine Headline H4
Das ist eine Headline H5
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
Das ist eine Aufzählung mit Bulletpoints:
- Punkt 1
- Punkt 2
- Punkt 3
Das ist eine nummerierte Aufzählung:
- Nummerierter Punkt 1
- Nummerierter Punkt 2
- Nummerierter Punkt 3
left, ohne CTA-Button, mit Highlighting (Dark background)
Das ist eine Headline
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
TextImage / Image
Varianten:
- Text rechts / Bild links (Image left)
- Text links / Bild rechts (Image right)
- Text mittig / Bild groß mittig (Image centered)*
- Text mittig / Bild klein mittig (kleineres Video über 8 Spalten) (Image centered small)*
*Diese Varianten können auch ohne Text als reine Image-Komponente verwendet werden. Dazu die Textfeld einfach leer lassen.
Highlighting über "dark background"(Styling) möglich.
Image left, kein CTA-Button, kein Highlighting
Headline h2
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Image right, mit CTA-Button, mit Highlighting
Das ist eine Headline h2
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Image centered, mit CTA-Button, ohne Highlighting
Das ist eine Headline h2
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Image centered small, ohne CTA-Button, mit Highlighting
Das ist eine Headline h2
Lorem ipsum dolor sit amet, consetetur2 sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborelow et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Text-Video
Varianten:
- Video links / Text rechts (Video left)
- Video rechts / Text links (Video right)
- Video mittig groß (über 12 Spalten) (Video centered)
- Video mittig (kleineres Video über 8 Spalten) (Video centered small)