Hero with dashboard
A hero placing a app dashboard screenshot next to a headline and CTA. Shows your interface and data at the top of a SaaS or analytics page.
Hero with content tabs
Pro
A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present several use cases or features in one compact area.
More like this
Browse Marketing & Growth
Hero with email input
A hero centered on an inline email capture form below a headline and subtext. Ideal for waitlists, newsletters, and early access landing pages.
Hero with feature cards
A hero with a row of feature cards beneath a headline and CTA. Breaks your key benefits into scannable tiles at the top of a landing page.
Hero with feature timeline
A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflow or roadmap at the top of a app landing page.
Hero with integration showcase
A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your app connects to on a platform landing page.
Hero with app screenshots
A hero with framed app screenshots next to a headline and CTA. Shows the real interface at the top of a software or SaaS landing page.
Hero with team grid
A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to about, agency, and company landing pages from the start.
Hero with terminal
A hero pairing a headline and CTA with an animated terminal window. Speaks to developers and shows install or usage commands on a tool landing page.
Minimal centered hero
A typography only hero with a centered headline, lede, single CTA, and a muted trust line.
Centered hero with browser mockup
A centered hero with headline and CTAs above a browser mockup with sidebar, chart, and table rows.
Centered hero with feature pills
A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.
Centered hero with integration diagram
A centered hero above a hub and spoke diagram of six integration chips around an Acme node.