You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Figure Teaser (01_09)

Figure Teaser (01_09)

Der "Figure Teaser" eignet sich optimal, um KPIs oder andere Kennzahlen oder Fakten prominent darzustellen, beispielsweise zur Auflockerung eines langen Fließtextes. Die Informationen können so auch als "Door opener" eingesetzt und auf einer nachfolgenden Seite erklärt bzw. vertieft werden.

Beispiel Seitenansicht

Das Modul ist orange markiert

Figure Teaser - Modulansicht

Figure Teaser im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
- für das gesamte Teaser-Modul
- Darstellung linksbündig
2. Teaser- beliebig viele (Hinweis: Auch wenn beliebig viele Teaser dargestellt werden können, sollten in horizontaler Anordnung aufgrund der Übersichtlichkeit nicht mehr als drei verwendet werden)
- Darstellung vertikal oder horizontal
Kennzahl/SchlagwortIm vertikalen Modus wird sie linksbündig, im horizontalen Modus zentriert abgebildet. Obwohl hierfür keine Zeichenbegrenzung vorgegeben ist, sollte dieses Element möglichst nur aus einer Zahl bzw. einem Wort bestehen.
Beschreibung (optional)Die Beschreibung wird unterhalb der Kennzahl dargestellt. Auch hier besteht keine Zeichenbegrenzung. Trotzdem sollte diese möglichst kurz gehalten werden.
Link (optional)internal, external oder Download

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
- für das gesamte Teaser-Modul
- Darstellung linksbündig
2. Teaser- beliebig viele (Hinweis: Auch wenn beliebig viele Teaser dargestellt werden können, sollten in horizontaler Anordnung aufgrund der Übersichtlichkeit nicht mehr als drei verwendet werden)
- Darstellung vertikal oder horizontal
Kennzahl/SchlagwortIm vertikalen Modus wird sie linksbündig, im horizontalen Modus zentriert abgebildet. Obwohl hierfür keine Zeichenbegrenzung vorgegeben ist, sollte dieses Element möglichst nur aus einer Zahl bzw. einem Wort bestehen.
Beschreibung (optional)Die Beschreibung wird unterhalb der Kennzahl dargestellt. Auch hier besteht keine Zeichenbegrenzung. Trotzdem sollte diese möglichst kurz gehalten werden.
Link (optional)internal, external oder Download

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Figure Teaser: Vermaßung Desktop
Desktop
Figure Teaser: Vermaßung Tablet
Tablet
Figure Teaser: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

So sieht das Modul aus

Figure Teaser (01_09)

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn