Here you can see the core brand elements. They will form the starting point for any marketing collateral.
Our design system has been created using the latest version of our chosen Content Management System (CMS), EpiServer, allowing us to build the next generation of Quilter public websites in a compelling and consistent fashion.
Core components are elements which are already incorporated into the design and layout of the site.
Blocks are standalone elements that are the main components for creating webpages.
Cards are flexible elements that display content in a usable and clear way.
Containers are used to hold other cards and blocks. Containers provide additional options for structuring your page.
Templates are the standardised version of how we display our most common pages
Simple overview of all the images sizes we use within our blocks and cards.
The alert block allows you to display a message banner on the page.
The article block is used to highlight primary messages/content or a specific call to action.
Article takeaway block used exclusively on articles only - demonstrates audience and key takeaways of the article.
The chart block allows for the display of interactive charts and graphs within our websites.
Concertina block allows the user to show or hide content depending on the need.
An embedded search block allows you to add a bespoke search input form to a page.
The featured block provides a means to highlight prominent content.
General content block is the default block for displaying general content.
Highlight block allows us to display a quote, stat or highlight statement within any page.
The introduction block gives us the ability to focus the user on a section of content within the page.
The office contact block allows contact details for a business or office to be displayed within the context of other page content.
The showcase block shows three images which can be clicked on to show a small preview of the content you are highlighting and the call to action to allow a user to navigate to the content.
Text based header to be used on tertiary level content pages.