Tesseract Kit home
Back to Heroes

Media stack

Centered copy flows into one prominent visual stage below.

1200px@ 1x

Eyebrow text

Heading 1 goes here with detail

Description goes here and explains the purpose of this section.

Key features

  • Centered copy flows into one prominent visual stage below.
  • Responsive composition for the desktop, tablet, and mobile reference canvases.
  • Call-to-action count is configurable without duplicating the structural pattern.
  • Image, video, desktop, and phone share the same authored media region.

Installation

npx tesseract-kit add kit-hero-media-stack

Properties

NameTypeDefault
ctaMode"none" | "single" | "pair"pair
mediaMode"image" | "video" | "desktop" | "phone"image