Media Topper

Description

id: CT-001-002-00
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, 1-3 images, and optional CTA link
  • Title and subtitle are pulled in automatically from page content

Images

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

2 assets – 4:3 x 2

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

2 assets – 4:3 Fixed

3 assets – 3:4 Fixed;
4:3 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; 4:3 images height is fixed but width will crop (uniformly left and right) on mobile.

Example

Explore in Storybook