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

Image Teaser (01_01)

The “Image Teaser” module is primarily used for linking to other pages (generally at the foot of the page). This takes the form of a visually appealing image/text combination. The Image Teaser is therefore also optimally suited for other applications, e.g. for displaying small video galleries or reference projects.

Image Teaser: Module view

Image Teaser in the content area

This is how the module works

The Image Teaser is one of the most versatile modules, and can be used in many different variants. Alongside the “standard” integration as a row of three image teasers, it is thus possible...

  • to display a row of four teasers (which will be a little smaller)
  • to display multiple rows of teasers (which nevertheless still belong together as a single section)
  • to define a grey background, so that the section is more visible against the rest of the page (this background takes up the full screen width)

Videos can also be integrated. A static thumbnail must be included here. A play button is inserted automatically.

The text lengths for the headlines and teaser texts in the teaser are limited, so that it will not become too long and look unbalanced alongside other teasers (see below).

In the horizontal plane, the entire row of teasers is always oriented based on the longest element, i.e. if one headline or teaser text is longer than the others, the height of the entire row is enlarged.

The module consists of the following components:
1. Headline
for the entire teaser module
2. Teaser - any number
- Image and/or video teaser possible
Image- typically three or four in a row
- 4:3 format, must be at least 450px wide
Video (optional)Video ID from YouTube, MovingImage, Vimeo or Flixel. The play button is set automatically.
Kicker (optional)Character limit: 84 for three teasers and 77 for four
Headline/teaser textCharacter limit: 78 characters for three teasers and 77 for four
Teaser text (optional)Character limit: limited to 340 characters for three teasers and 280 for four
Link- internal, external or download

Note: The entire teaser is linked, including the image. The teaser can also be displayed without a link destination.
The module consists of the following components:
1. Headline
for the entire teaser module
2. Teaser - any number
- Image and/or video teaser possible
Image- typically three or four in a row
- 4:3 format, must be at least 450px wide
Video (optional)Video ID from YouTube, MovingImage, Vimeo or Flixel. The play button is set automatically.
Kicker (optional)Character limit: 84 for three teasers and 77 for four
Headline/teaser textCharacter limit: 78 characters for three teasers and 77 for four
Teaser text (optional)Character limit: limited to 340 characters for three teasers and 280 for four
Link- internal, external or download

Note: The entire teaser is linked, including the image. The teaser can also be displayed without a link destination.

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

Template and page area: Image Teaser

The blue area indicates that the module is applicable.

Dimensioned screenshots

Image Teaser: Dimensioning Desktop
Teaser (set of 3) - Desktop
Image Teaser: Dimensioning Tablet
Teaser (set of 3) - Tablet
Image Teaser: Dimensioning Mobile
Teaser (set of 3) - Mobile
Image Teaser: Dimensioning Desktop
Teaser (set of 4) - Desktop
Image Teaser: Dimensioning Tablet
Teaser (set of 4) - Tablet
Image Teaser: Dimensioning Mobile
Teaser (set of 4) - Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots