Hero product-demo video
A hero with a product-demo video thumbnail, a play overlay, and a short benefit caption.
Expected impact
Shows the product working in seconds; higher intent for tools that are hard to grasp from copy alone.
Why it works
Wistia's State of Video: short 1-3 minute videos retain ~50% engagement and in-video CTAs convert up to 24%, favoring a concise hero demo.
The prototype prompt
This is the spec Growthtyping compiles for you. The {{brand.*}} tokens are replaced with colors, fonts, radii, and voice pulled from your brand — so the render comes out on-brand, not generic.
PATTERN SPEC: A landing hero for {{brand.name}} with a product-demo video: a headline in {{brand.heading_font}} stating {{brand.one_liner}}, a one-line subhead in {{brand.secondary_text}}, and a 16:9 video thumbnail with a centered circular play button in {{brand.primary}}. A short duration badge and a caption naming what the demo shows. Primary CTA button below at {{brand.button_radius}} radius; thumbnail framed with {{brand.card_radius}} radius and 1px {{brand.border}} border.Related ideas
Live social-proof ticker
A slim bar under the hero: live counter of customers/programs, pulse dot, and a row of grayscale customer wordmarks.
Interactive ROI calculator
A card with 1-2 sliders for the visitor's inputs and a live projected-value output with a single CTA.
Exit-intent offer modal
A modal triggered on exit intent with one concrete offer, one CTA, and an easy dismiss.
Customer logo wall
A responsive grid of grayscale customer wordmarks with a one-line caption.
Turn the idea into a prototype
Start from a proven growth pattern, apply your brand, and hand your team an on-brand prototype in minutes.