Tesseract Kit home
Back to Heroes

Metrics rail showcase

A primary message and visual stage are grounded by a dedicated metrics rail.

1200px@ 1x

Heading 1 goes here with detail

Description goes here and explains the purpose of this section.

Metric label 1
00
Metric label 2
00
Metric label 3
00

Key features

  • A primary message and visual stage are grounded by a dedicated metrics rail.
  • 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-metrics-rail-showcase

Properties

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