Desktop view
Teaser image 50% - image with full hight
Teaser image 50% - image with full hight


Teaser image 50% - image with padding
Teaser image 50% - image with padding


Teaser image 66% - image with full hight
Teaser image 66% - image with full hight


Teaser image 66% - with padding
Teaser image 66% - with padding


Mobile view

Ho it works
Ho it works
- Teasers consist of various elements:
- Caption title (optional)
- Title
- Text (optional)
- Image (left or right position)
- CTA
- Two image options available:
- Option 1 (default)
Image with fixed ratio per view port, padding at top and at bottom. - Option 2
Image with fixed ratio, spanning over the entire height of the teaser-background.
- Option 1 (default)
- Two options for grid partition with 66.6% or 50% for the image are available
- Required image resolutions
The best is as big as possible, at least 1520 x 1000px - Full width background of entire teaser component can be set to grey or white.
How to use it
How to use it
- Select images that fit together in regards to their style and motives. Images comply with UBS image guidelines.
- For the optimum number of characters and image resolution, please consult the corresponding guidelines and crosslink mentioned below.
Reference for publisher

AEM view