ÃÛ¶¹ÊÓƵ

The topic teasers can be styled in either portrait (default) or landscape.

You can define various elements for the teaser, including the title, text, background color, link, and image.

For dark images, the title font color can be inverted.

The text and an arrow suggesting the link are not displayed to visitors until they hover over the component (or tap on it on mobile devices). On hover or tap, the text and arrow are revealed, and the image behind the text is replaced by the background color.

If several links are displayed next to each other and need to have the same height, they can be placed in a tile box, which allows for defining the background color and choosing from three layouts: regular, compact, and link.

The tile component includes a title, optional icon, text, and badge, with interactive elements like an internal arrow, underlined title on hover, and a clickable area, available in color options of white, chalk, and ivory, and badge color variations of dark or gray.

The call-to-action (CTA) is a button that invites the user to take a desired action.

It's important that the CTA not only invites the visitor to take action, but also promotes the added value that the visitor can benefit from: think of it as a "call to value".