Full width image banner
This type of banner is suited for important call to actions to another part of the website. The banner is full width making it a good way to create a visual break in longer pages grasping a visitors attention.
The banner consists of:
- Title
- Description (optional)
- Button
Image banner with stats
There is a variation on this banner type that allows to display a stat or metric in the banner to reinforce the call to action. You can find all details about the 'Image stat banner' component here.
Basic call to action banner
This banner component is suited for more functional call to actions like 'contact us', 'follow us', etc. It consists of:
- Surtitle
- Main title
- Button
Basic banner for socials
This variation on the basic call to action banner guides the visitor to our social media channels by displaying them all as buttons.
Use banners sparingly
A webpage should only carry a limited amount of prominent call to actions to make sure the user is not overloaded with information. So try to limit the amount of banners on a single page to 1 or 2.