Hero Sections
Page hero layouts and landing intros for SaaS homepages, agency sites, storefronts, and campaign-driven marketing pages.
A split hero pairs intro copy with a right-side media panel and tabbed preview block.
A two-column hero places editorial copy beside a tall supporting image block.
Intro copy, key figures, and a large video preview share one editorial hero layout.
A compact intro block leads into supporting product imagery and a primary action row.
A two-column hero pairs sales copy with a large product mockup and supporting details.
Copy, a supporting image, and small review chips are stacked into one split hero.
Headline and supporting copy are placed directly on top of a full-bleed image.
The intro block is followed by a horizontal row of client logos and a primary action.
A centered hero uses a decorative shape layer behind the main text block.
A centered text stack sits inside a high-contrast hero with minimal supporting elements.
The main copy block is framed by a square accent shape and a short action row.
A centered hero uses a full-width gradient field behind the heading and actions.
A centered text stack sits above a media preview with a large play control.