Hero Block: When and How to Use It
Learn when to use the Hero block and how to configure it for maximum impact.
The Hero block is your go-to for landing pages and major section intros. It supports headlines, subtext, CTAs, and full-width backgrounds.
When to Use
Use Hero for homepage sections, product launches, and any page where you want a bold visual statement. Avoid overusing it—one per page is usually enough.
Configuration
Set a background image, choose alignment (left, center, right), and add up to two CTA buttons. The block is fully responsive.
Accessibility
Ensure sufficient contrast between text and background. Use overlay tints when needed.