List Example 3
List Type 3 uses small square images positioned alongside each list item, adding just the right amount of visual support without letting imagery overpower the content. It strikes a clean balance between text and picture, making it well-suited to presenting services, sector specialisms, process steps, or key benefits in a way that is easy to scan and engaging to read.
Each item can include a headline, supporting copy, bullet points, or numbered steps alongside its image. Each panel automatically adopts your brand colours and can be displayed against a light, dark, or white background, in your primary or secondary brand colours, or backed by a striking image or video.
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.
Some heading goes here
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
List item 1 heading
Fusce egestas est eu orci tempor porta.
Mauris fermentum, est eu euismod mollis, arcu tellus consectetur nisl, a viverra metus ante in dui. Mauris tristique lobortis mi id venenatis.
List item 2 heading
- Fusce egestas est eu orci tempor porta.
- Mauris fermentum, est eu euismod mollis
- Arcu tellus consectetur nisl
- Viverra metus ante in dui.
- Mauris tristique lobortis mi id venenatis.
List item 3 heading
- Fusce egestas est eu orci tempor porta.
- Mauris fermentum, est eu euismod mollis
- Rcu tellus consectetur nisl
- Viverra metus ante in dui.
- Mauris tristique lobortis mi id venenatis.
Some heading goes here
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
List item 1 heading
- Maecenas ac risus quis ante laoreet molestie.
- Mauris commodo eros in ipsum venenatis malesuada.
- Fusce egestas est eu orci tempor porta.
Mauris fermentum, est eu euismod mollis, arcu tellus consectetur nisl, a viverra metus ante in dui. Mauris tristique lobortis mi id venenatis.
List item 2 heading
Fusce egestas est eu orci tempor porta. Mauris fermentum, est eu euismod mollis, arcu tellus consectetur nisl, a viverra metus ante in dui. Mauris tristique lobortis mi id venenatis.
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
List item 3 heading
Maecenas ac risus quis ante laoreet molestie.
Mauris commodo eros in ipsum venenatis malesuada.
Fusce egestas est eu orci tempor porta.
Some heading goes here
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
List item 1 heading
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
Fusce egestas est eu orci tempor porta.
Mauris fermentum, est eu euismod mollis, arcu tellus consectetur nisl, a viverra metus ante in dui. Mauris tristique lobortis mi id venenatis.
List item 2 heading
- Fusce egestas est eu orci tempor porta.
- Mauris fermentum, est eu euismod mollis
- Arcu tellus consectetur nisl
- Viverra metus ante in dui.
- Mauris tristique lobortis mi id venenatis.
List item 3 heading
- Fusce egestas est eu orci tempor porta.
- Mauris fermentum, est eu euismod mollis
- Rcu tellus consectetur nisl
- Viverra metus ante in dui.
- Mauris tristique lobortis mi id venenatis.
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
Some heading goes here
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
List item 1 heading
Mauris commodo eros in ipsum venenatis malesuada commodo eros in ipsum venenatis malesuada.
Ac risus quis ante laoreet molestie.
List item 2 heading
- Mauris commodo
- Eros in ipsum
- Venenatis malesuada
List item 3 heading
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
Maecenas ac risus quis ante laoreet molestie.
Mauris commodo eros in ipsum venenatis malesuada.
List item 4 heading
Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.Maecenas ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
Ac risus quis ante laoreet molestie. Mauris commodo eros in ipsum venenatis malesuada.
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.
