Centred With Image
A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, classic opener for marketing and SaaS landing pages.
A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, classic opener for marketing and SaaS landing pages.
Search blocks by description or jump to a page.
Centred With Image opens with a narrow centered text column: a large bold headline followed by a muted subheading sentence beneath it. Below that text column sits a wide image panel that stretches to roughly five columns, framed with a rounded border. Two decorative shape accents sit behind the image at opposite corners, adding a sense of depth without obscuring the content.
The headline, subheading, and image are the only moving parts, so the block is quick to adapt. Swap the headline for your course or platform name, update the subheading to one line about your offer, and replace the image with a screenshot of your learning interface or a course preview still.
Reach for this block when you want a clean, authoritative opener that leads with a promise and then proves it visually. It works well for online course platforms, learning management systems, and certification products where a single interface screenshot or course-completion graphic carries more weight than a wall of copy. Compared to a split layout, the centered arrangement feels more symmetrical and considered, which suits educational brands that want to project calm confidence rather than urgency.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The image area below the headline is the primary canvas. A few ways to use the space:
Tip: keep the headline to one short line and the subheading to a single sentence so the image has room to breathe and draw the eye downward.