List Example 2
List Type 2 takes the structured list format and pairs each item with a large, bold image, creating a much more visual and immersive layout than its text-focused counterpart.
Each row can combine a full-width image with a headline, supporting copy, stats, icons, numbered steps, or bullet points, making it ideal for bringing services, case studies, sector pages, or process explanations to life with real visual impact.
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 - generic grey background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Fringilla Mauris
- Praesent euismod sagittis elementum.
- Donec pharetra neque ex.
- Mauris lorem nibh, lacinia in ante a, egestas feugiat velit.
- Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Some heading goes here - Dark background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Fringilla Mauris
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Iuniuhn pj
Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Some heading goes here - white background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
Fringilla Mauris
Sed interdum posuere diam, at tempor orci congue vel. Donec pretium eros et vehicula elementum. Maecenas dignissim, mi sed molestie porta, mauris odio ornare purus, aliquam fringilla mauris nisl a lorem.
Praesent euismod sagittis
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Euismod sagittis
Praesent euismod sagittis elementum. Donec pharetra neque ex. Mauris lorem nibh, lacinia in ante a, egestas feugiat velit. Ut eleifend dolor eu purus efficitur, sed tempus velit rhoncus.
Some heading goes here - image background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
Some heading goes here - image background
Big Image list format
- Each section shows a distinct content scenario with varying text length, structure, and emphasis.
- Add images, icons, numbers. Dress the content with line breaks, bullet points, numbers, and symbols.
- Back the feature with plain white, a brand colour, a generic colour, and/or an image.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Curabitur lacinia dictum iaculis. Fusce lectus tellus, egestas a tortor sit amet, vulputate placerat urna. Pellentesque in consequat arcu. Praesent feugiat lacus ac ipsum condimentum efficitur. Vivamus in malesuada purus. In hac habitasse platea dictumst.
Sed sapien orci, rutrum at est blandit, interdum fringilla purus. Maecenas at rutrum nulla. Sed ac diam volutpat, elementum felis eu, blandit metus. Curabitur ultrices turpis ipsum, vitae faucibus sem tempor in.
Ut cursus ut turpis eget sagittis
Donec tristique turpis nec tristique consequat. Cras volutpat, turpis at dignissim tristique, ante lacus vulputate quam, a tempor quam odio id orci.
- Nullam metus ex, fringilla in magna et, lobortis euismod neque.
- Aliquam maximus bibendum urna, id mattis eros interdum ultricies.
- Aliquam at nisi iaculis, dignissim magna vitae, mollis velit.
- Donec ultrices sed ipsum at molestie.
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.
