Paragraph: Reference

Content Reference Icon

A reference is displayed as a teaser for the referenced content.

References are displayed in the same way as cards, but may contain target-specific variations. For example, if an event is linked, the teaser also contains the event date.

If a reference is converted to a card, all fields such as teaser are pre-filled. Typically, the call-to-action can then be optimized specifically for the current context on a landing page, for example.







The display of reference elements can be influenced with various settings.

Variants with container layouts

For references use the style possibilities of the containers.


This is a Page with dummy text.

Content with the wording "Lorem Ipsum" is only a placeholder.