Card Topper


id: CT-001-001-00
data-region: ct__page__card

The Card Topper starts pages with a full-width image, themed title block, and CTA links.

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

How it Works

  • Content creators pick a color theme and optional CTA links
  • Title, subtitle, and image are pulled in automatically from page content


Aspect Ratio (recommended)Width (proportional)Height (proportional)Scaling Behavior
16:9Fixed*Fixed*Scales down proportionately on mobile—does not crop.

*Images will auto-crop based on the limiting dimension.


Explore in Storybook