Text-first baseline
Hero Minimal Auto
Minimal hero variant with a single CTA and automatic height.
High-emphasis text-only
Hero Minimal Fullscreen
Minimal hero variant with fullscreen height and two governed CTAs.
Balanced media-and-copy
Hero Split Large
Split hero variant with governed large height and attached editorial media for the balanced text-and-image baseline.
Compact editorial split
Hero Split Narrow Small
Split hero variant with a smaller vertical footprint and narrow readable width for a tighter introduction pattern.
Background media contract
Hero Background Medium
Background hero variant with medium height and governed backdrop readability treatment.
Page-leading emphasis
Hero Background Fullscreen
Background hero variant with fullscreen height for a strong above-the-fold demo state.
Maximum shell-adjacent carrier
Hero Background Full Width Flush Both
Background hero variant that demonstrates a full readable carrier, edge bleed, and flush on both sides of the vertical rhythm.