Teasers are available in different sizes and can serve various purposes.
The standard teaser is the main teaser used across BASF sites. Two different variations exist: with and without padding. Please do not use both within one section.
Variation with or without padding
Responsive behavior: without padding
Responsive behavior: with padding
Special teasers have specialized tasks. There are three variations so far: category-, editorial- and download magazine teasers. The height of the components depends on the other teasers and components in the same row.
Example category teaser
Three types of special teasers
Shows the most popular links to articles, stories, etc. There are three variations: in corporate color, white or pale color.
With this component, you can highlight or list one or several events on your page.
Date and venue teaser
This component offers different download and link options. There are two variations: Tiles and List. The tiles are available with or without padding. A mixture of both is not allowed!
Example download teaser (tiles)
Download teaser (tiles)
Responsive behavior: download teaser (tiles)
Download teaser (list)
Responsive behavior: download teaser (list)