Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
3.0.Komponenten    3.13.Teaser

3.13.Teaser

Wann immer Sie eine Seite mit einer Inhaltsübersicht erstellen wollen oder Sie einfach eine Gruppe von Artikeln verlinken müssen, eignen sich hierzu Teaser-Komponenten am besten. Die Daimler-Designvorgaben bieten eine große Zahl von Teasern, von großen Vollbild-Teasern bis hin zu kleineren, dynamisch eingebundenen Karten.

3.0.Komponenten      3.13.Teaser      3.13.1.Hero-Teaser

3.13.1.Hero-Teaser

Der Hero Teaser wird als oberstes und auffallendstes Element einer Seite genutzt. Nutzen sie diesen für einen Link zum neuesten und/oder wichtigsten Artikel. Diese Komponente gibt es in drei Varianten mit unterschiedlicher Headline-Darstellung:

Some Image
Abbildung

Version 1: Überschrift in Bold 

    Some Image
    Abbildung

    Version 2: Überschrift in Thin 

      Some Image
      Abbildung

      Version 3: Karussell mit mehreren Bildern 

        3.0.Komponenten      3.13.Teaser      3.13.2.Teaser-Grid

        3.13.2.Teaser-Grid

        Mit dem Teaser-Grid können Sie viel Inhalt auf kompakte und attraktive Art und Weise verlinken. Die Zahl der Teaser ist flexibel, denn das Teaser-Raster wird einfach mehr Teaser-Karten anzeigen. Jeder Artikel wird mit einem quadratischen Teaser-Bild, einer Überschrift und einem Beschreibungstext präsentiert.

        Anordnung und Größe einzelner Teaser können vom Redakteur angepasst werden. Damit ist es möglich, ein ansprechendes und dynamisches Layout zu schaffen, unabhängig von der Anzahl der Teaser. Auch kann der Redakteur den Hintergrund des Moduls passend zum Inhalt gestalten. Bitte beachten Sie, dass das Hintergrundbild optional, aber die bevorzugte visuelle Variante ist. Falls erforderlich, kann auch eine optionale Überschrift einbezogen werden.

        Some Image
        Abbildung

        Teaser-Grid mit asymmetrischem Layout 

          Some Image
          Abbildung

          Teaser-Grid mit dunklem Hintergrund 

            Some Image
            Abbildung

            Teaser-Grid mit Überschrift 

              Some Image
              Abbildung

              Teaser-Grid mit Infografiken als Teaserbilder.

                3.0.Komponenten      3.13.Teaser      3.13.3.Block-Teaser

                3.13.3.Block-Teaser

                Wird eine strukturiertere und wiederholte Präsentation von Inhalten benötigt, können Sie unter zwei zusätzlichen Teaser-Varianten auswählen. Die Lösung dafür ist eine große grafische Teaser-Liste.

                Some Image
                Abbildung

                Zweispaltiges Teaser-Gitter

                  Some Image
                  Abbildung

                  Einspaltiges Teaser-Raster 

                    3.0.Komponenten      3.13.Teaser      3.13.4.Download-Ressourcen

                    3.13.4.Download-Ressourcen

                    Die Designs der Teaser-Komponente gibt es für Sketch und sind im Daimler Design Kit enthalten. Sie können diese entweder kopieren und in Ihre Designs einfügen, oder die Sketch-Datei als verlinkte Sammlung nutzen und die Symbole importieren.

                    Siehe Sketch Design Kit (verfügbar ab August 2019)