Media Topper

Description

data-region: ct__page__media

The Media Topper starts pages with a color theme, CTA link, and prominent collection of images.

  • Color Themes: light, dark, white, crimson, red, black
  • Visible Content Fields: title, subtitle, images, CTA link
  • Instances per Page: one

How it Works

  • Content creators pick a color theme, title, and 1-3 images
  • Subtitle and CTA link are optional

Images

Aspect Ratio (recommended)Width (proportional)Height (proportional)Scaling Behavior
1 asset – 16:9

2 assets – 3:2 x 2

3 assets: 3:2, 3:4 & 3:2
1 asset – 16:9 Fixed

2 assets – 3:2 Fixed

3 assets – 3:4 Fixed;
3:2 Crops uniformly left and right
Fixed1 asset – Scales down proportionately on mobile—does not crop.

2 assets – Height is fixed; width will crop (uniformly left and right) on mobile.

3 assets – 3:4 images scale down proportionally – will not crop on mobile; 3:2 images height is fixed but width will crop (uniformly left and right) on mobile.

Example

Explore in Storybook