Tesseract Kit home
Back to Heroes

Media backdrop

The message sits directly over an immersive edge-to-edge visual field.

1200px@ 1x

Eyebrow text

Heading 1 goes here with detail

Description goes here and explains the purpose of this section.

Key features

  • The message sits directly over an immersive edge-to-edge visual field.
  • 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-backdrop

Properties

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