Card Topper

Description

data-region: ct__page__card

The Card Topper starts pages with a full-width image, themed title block, and optional 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, title, and image
  • Subtitle and links are optional

Images

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

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

Example

With CTA List

Explore in Storybook

With Button

Explore in Storybook