Cards Type 2 Examples
The Cards widget presents content in a clean grid of individual cards, each featuring a circular icon, a headline, supporting text, and an optional call to action link.
The circular icon format gives each card a modern, polished feel that draws the eye and adds visual consistency across the grid. It is ideal for showcasing services, sector specialisms, candidate benefits, reasons to work with you, or any content that benefits from being broken into clearly defined, easily digestible sections.
Add as many cards as needed and display them in groups of three, four, or more. 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.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Background to color or image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Background to color or image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Corners
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Background to color or image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Icons
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
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.