Message stage

Desktop view

Vertical alignment
top

Horizontal alignment
left

Text width
medium or large

Vertical alignment
center

Horizontal alignment
left

Text width
medium or large

Vertical alignment
bottom

Horizontal alignment
left

Text width
medium or large

Vertical alignment
top

Horizontal alignment
right

Text width
medium or large

Vertical alignment
center

Horizontal alignment
right

Text width
medium or large

Vertical alignment
bottom

Horizontal alignment
right

Text width
medium or large

The message stage includes an image as background of a text area with a key- and optional infoline and an optional call-to-action button or link item
Background color is selectable for small viewports and teasers in grids
The ratio of the image is flexible
The text area can be placed on the left or right hand side of the message stage and different widths, font sizes and vertical alignments are available
In the infoline, single words may be highlighted in red
The message stage turns into a carrousel when multiple images are used
Interactions with the carousel elements can be tracked
The text color can be changed to white for desktop view

Since the text is displayed in front of the image in the desktop view, make sure that it is readable (accessible).
If you want to use images from the database for the next publishing job, please mention the ID of the image when placing the order.

Make sure that the text can be read well. Depending on the background image, this may need to be tried out. Please see the examples above.