Hero Section Design

Beyond the Generic

The centered headline + subtext + button hero is the default AI output. Here are alternatives:

Split Hero

Content on one side, visual on the other. 60/40 or 50/50 split.

Full-Bleed Image Hero

Image fills the viewport, text overlaid with scrim gradient.

Video Hero

Autoplay muted video as background with minimal text overlay.

Product Screenshot Hero

The product itself as the hero visual. "Show, don't tell."

Editorial Hero

Large typography only, no image. Serif headline, compelling copy.