Hero - Simple With Scanline Effect
A plain text-only hero with a scanline and blur effect over the background.
View a live demo of this section.
Modules
Usage Guide
The Hero - Simple With Scanline Effect section creates a striking first impression with its distinctive animated background treatment. This minimalist hero design places your messaging front and center while the subtle scanline animation adds visual interest without overwhelming your content.
When to Choose This Section
Select this hero when you want maximum impact with minimal elements. The scanline effect works particularly well for technology companies, digital agencies, and modern professional services that want to convey innovation and sophistication. Unlike more complex hero sections with multiple CTAs or media elements, this design focuses entirely on your core message.
Content Strategy Tips
Since this section relies solely on the Theme Rich Text module, your copy needs to work harder. Keep your headline concise and powerful – the clean design will amplify its impact. You can include multiple text elements within the rich text module, such as a headline, subheading, and brief description, but avoid cluttering the space.
Customization in the Page Editor
When you drag this section onto your page, you’ll immediately see the scanline animation preview in the page editor. The background blur and scanline effects are built into the section’s CSS, so they’ll automatically apply to whatever background you set in the theme settings. You can adjust the background image, color, or video through the section’s style options.
Best Practices
Position this section at the top of landing pages, service pages, or your homepage where you want visitors to focus on a single key message. The animation effect helps reduce bounce rates by creating visual engagement, while the simplified content structure improves mobile responsiveness across all devices.