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

  • Startpage
  • Text Image/Video Teaser + Badge (0...

Text Image/Video Teaser + Badge (06_06)

The “Text Image Video Teaser + Badge” module is a very information-heavy teaser, and should be used in particular when the user requires advanced explanations in order to be triggered (e.g. if a product requires complex explanations). This module is particularly suitable for use on distributor and content pages.

Text/Image/Video-Teaser + Badge: Module view

Text/Image/Video Teaser + Badge in the footer area of a page

This is how the module works

The module consists of the following components:
1. Image or Video - Cropped image width 335 px
- Video: Alternatively, a video (video ID of YouTube or MI24) including thumbnail can also be inserted.
- The image/video is always positioned to the left of text.
2. Badge (optional) The badge should ideally be available in SVG format.
3. Text - Headline
- Second headline
- Continuous text with formatting: superscript/subscript, bold, lists, link (internal, external, contact form)
4. Link (optional) internal or external
5. CTA (optional) internal or external

This is how the module works

The module consists of the following components:
1. Image or Video - Cropped image width 335 px
- Video: Alternatively, a video (video ID of YouTube or MI24) including thumbnail can also be inserted.
- The image/video is always positioned to the left of text.
2. Badge (optional) The badge should ideally be available in SVG format.
3. Text - Headline
- Second headline
- Continuous text with formatting: superscript/subscript, bold, lists, link (internal, external, contact form)
4. Link (optional) internal or external
5. CTA (optional) internal or external

The module can be used in the following templates and page areas:

Template and page area: Text/Image/Video-Teaser + Badge

The blue area indicates that the module is applicable.

Dimensioned screenshots

Text Image Video Teaser + Badge: Dimensioning Desktop
Desktop
Text Image Video Teaser + Badge: Dimensioning Tablet
Tablet
Text Image Video Teaser + Badge: Dimensioning Mobile
Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots