Split Page Topper

Description

data-region: ct__page__split

The Split Page Topper starts pages with a title, subtitle, primary color theme, secondary spot theme, prominent image, and optional collection of CTA links in a visual split, left and right. The left side displays the text and links. The right side requires a single image.

  • Primary Color Themes: light, dark, white, crimson, red, black
  • Secondary Spot Themes: see expanded palette
  • Visible Content Fields: title, subtitle, image, CTA links
  • Instances per Page: one

How it Works

  • Content creators pick a primary color theme, title, and image
  • Subtitle and CTA links are optional

Images

Aspect Ratio (recommended)Width (proportional)Height (proportional)Scaling Behavior
3:4Crops uniformly left and rightFixedHeight is fixed; width will crop (uniformly left and right) on mobile.

Example

Explore in Storybook