Info Block with List over Image Examples
The Info Block with List over Image widget creates a bold, full-width visual impact by layering structured content directly over a background image.
A headline, supporting text, and a numbered or icon-led list sit cleanly on top of the image, with the content panel positioned to the left or right depending on the layout chosen. A brand colour tint can be applied to the image to ensure text remains clear and on-brand. It is ideal for showcasing key services, process steps, or benefits in a visually striking way.
Every layout is fully responsive and optimised for mobile, SEO, and AI visibility. No coding required, just add your content in the admin panel and let your pages do the talking.
Info Block with List over Image - Left Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Info Block with List over Image - Brand tinted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Info Block with List over Image - Left Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Info Block with List over Image - Right Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Info Block with List over Image - Left Brand Tint
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Design Studio Widget Basic Reminders
Here are some basic rules to remember for all Design Studio widgets.
Unlimited use
Add as many widgets to a page as you need. There is no cap on any plan.
Mix and match
Use one widget type per page or combine different types. Every page layout can be completely different.
Brand-matched
Every widget uses your brand colours automatically. Switch between core colours, accent colours, or image backgrounds.
No programming skills are required
Add any widget from your admin panel in seconds. Step-by-step tutorials are included for every widget type.
Easy to use
Step-by-step how-to build tutorials fully support all Design Studio widgets. Installed in seconds, content added in minutes.
Never alone
Comprehensive support is provided for all Design Studio widgets.
Mobile-first design
Every widget is fully responsive and built for mobile screens first.
SEO and AI ready
All widgets are optimised for search engines and AI visibility out of the box.
Show it when you need it
Hide any widget for seasonal content or time-limited campaigns, then bring it back with one click.
Optional, not mandatory
Design Studio is included as standard on every plan, but if you do not want to use it yourself, our Content Concierge Service means we build the pages for you.