Desktop view

Teaser image 50% - image with full hight

screenshot
screenshot

Teaser image 50% - image with padding

screenshot
screenshot

Teaser image 66% - image with full hight

screenshot
screenshot

Teaser image 66% - with padding

screenshot
screenshot

Mobile view

screenshot

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.
  • 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

  • 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

AEM view