Hero Centered CTA
Eyebrow pill, oversized headline and a pair of buttons, all centered.
Herocenteredsaas1
12 sections
Hero
Above-the-fold sections: centered launches, split screens, gradients and product shots.
Hero Split Image
Copy on the left, a full-bleed product photograph on the right.
Herosplitimage
Hero Gradient Spotlight
Dark-leaning hero with a radial spotlight and gradient headline treatment.
Herogradientdramatic
Hero App Screenshot
Centered copy above a perspective-tilted product screenshot in a browser frame.
Heroscreenshotproduct
Hero Left Aligned
Editorial left-aligned hero with a rule, generous measure and social proof row.
Heroeditorialleft
Hero Video Background
Full-bleed image backdrop with a scrim overlay and centered copy.
Herofullscreenoverlay
Hero Stats Inline
Headline and CTA over a three-column statistics strip.
Herostatsproof
Hero Newsletter Capture
Compact hero built around a single email field and subscriber proof.
Heronewsletteremail
Hero Code Preview
Developer hero pairing copy with a faux terminal and copyable install line.
HeroInteractivedevelopercode
Hero Bento Grid
Headline above an asymmetric bento grid of feature tiles.
Herobentogrid
Hero Angled Split
Two-tone diagonal split with copy on a solid panel and imagery behind it.
Heroangledsplit
Hero Logo Proof
Centered hero that closes with a customer logo strip instead of a second CTA.
Herosocial-prooflogos