​​​

Overview

A no-frills option for introducing your page

Hero-Small is a basic hero banner. It offers a title, a call-to-action button, and some supporting text.

Hero banners help both users and search engines to understand your page.  

The large heading – identical to your page title – reassures users that they’re in the right place. Meanwhile, the built-in H1 tag tells search engine bots what the content is about.  

How to use it

The simplicity of Hero-Small makes it suitable for many different content types.  Here’s how to set it up.  

Step 1: Add a heading  

Your heading – the H1 in this case – must be the same as your page title (not to be confused with the SEO title). This might be a product, sector, or headline.  

Headings must not occupy two full lines in this component, as it reduces readability. Use a maximum of 22 characters.  

Optional: Include a subheading  

Add an optional subheading to support your heading with an aspirational or complementary message. Make sure that your subheading doesn’t go onto a second line (fewer than six words or 33 characters).   

Step 2: Make a call to action  

When setting up a call-to-action button, you first need to have an appropriate form to direct users to. Copy and paste the URL into the ‘CTA link’ text field. Alternatively, search for your form in the CTA link text field and select it from the dropdown menu.  

It’s important to use button text that describes the action you want users to take. Click the ‘CTA text’ dropdown to choose from the pre-set options, including: 

• Get in touch  
• Get a quote  
• Request a quote 
• Start assessment  
• Contact us 
• Book a demo 
• Register your interest  
• Read more