Showcase
Auf dieser Seite werden alle aktuell bestehenden Komponenten mit allen Ausprägungen aufgeführt.
Accordion
- in einem Akkordeonpunkt können nur folgende Komponenten platziert werden:
- Text
- TextImage
- Contact - bis zu 30 Akkordeonpunkte pro Akkordeon darstellbar
- Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist eine Headline für das Akkordeon (optional)
Contact
Folgende Varianten:
- mit Info-Text
- ohne Info-Text
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)
Darstellung bei 1 Kontakt (Variante mit Info-Text)
Darstellung bei 2 Kontakten (Variante ohne Info-Text)
Darstellung bei 3 Kontakten (Variante mit Info-Text)
Darstellung bei 4 Kontakten (Variante ohne Info-Text)
Darstellung bei 5 Kontakten (Variante mit Info-Text)
Darstellung bei 6 Kontakten (Variante ohne Info-Text)
Download List
Folgende Varianten:
- einspaltig (one column)
- zweispaltig (two columns)
- Preview (mit Vorschaubild)
Highlighting über "dark background" (Styling) möglich.
Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Das ist die Variante "einspaltig" (one column)
Das ist die Variante "zweispaltig" (two columns)
Dynamic Link
Varianten:
- Default (Light)
- Flashy (coloured background - Default image der jeweiligen Site)
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)
Das ist die Variante "Default"
Das ist die Variante "Flashy"
Dynamic Teaser
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:
- Headline
- Beschreibungstext (optional)
- CTA (optional)
- Icon (Pflicht bei Variante Icon; Auswahl über Google Material Icons)
- Bild (Pflicht bei Variante ImageVideo)
- Video-Provider & -ID (nur relevant bei Variante ImageVideo)
Darstellung der Variante "Text"
Darstellung der Variante "Icon"
Darstellung der Variante "ImageVideo"
Facts & Figures
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)
Das ist eine Headline für die gesamte Fact & Figures Komponente (optional)
Das ist eine Headline für die gesamte Fact & Figures Komponente (optional) - Variante "Dark background"
Image Slider
- optional:
- mit Überschrift
- mit Bildunterschrift (Styling "Show Image Description") - Empfehlung: max. 10 Bilder
- Styling-Option der optionalen Headline: H1 - H6 (SEO, keine optischer Effekt)
Image Slider mit Überschrift ohne Bildunterschrift
12
Image Slider mit Bildunterschrift
12
Logo Slider
Darstellung von Logos / Unternehmen inkl. Link (Empfehlung: max. 14)
Auswahloptionen:
- angemeldete Aussteller (mit Profil) über NovaDB / SelfService
- nicht-angemeldete Unternehmen (separat angelegt als Companies No-Exhibitors / Partner)
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)
Prices
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:
- Flag
- Amount info text
- Subline (über KeyFacts)
- KeyFacts (als Aufzählung mit Bulletpoints)
- CTA
- Fußnoten
Übergreifende Headline (optional)
Subline über KeyFacts (optional)
- Optionaler KeyFact 1
- Optionaler KeyFact 2
- Optionaler KeyFact 3
- Optionale Fußnote z.B. Preis zzgl. Mehrwertsteuer
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).
Headline immer als H1 verwenden!
Testimonial
Varianten:
- Text links / Bild rechts
- Text rechts / Bild links
- Text only
Text
Varianten:
- Text centered
- Text left (Default)
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 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 (PDFs)
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
Variante Text centered, ohne CTA-Button, mit Highlighting (Dark background)
Das ist eine 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. At vero eos et accusam et justo duo dolores et ea rebum.
Variante Text left, ohne CTA-Button, ohne Highlighting (Dark background)
Das ist eine 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. At vero eos et accusam et justo duo dolores et ea rebum.
Variante Text left, mit 1 CTA-Button, mit Highlighting (Dark background)
Das ist eine 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. 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 Bild über 8 Spalten) (Image centered small)*
*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.
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)*
*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)