The hero banner introduces the goals or purpose of the product or service.
A hero banner is a large, eye-catching image or video used to grab users' attention and convey a message or call to action. It is often used on the homepage of a website or application to highlight the main benefits or features of the site or product.
Hero banners can include various features and elements, such as buttons or links for users to interact with, and responsive design elements that adjust the layout and content based on the device's size and orientation. They can also include formatting options, such as font size and color, to help the text stand out and convey the desired message or call to action.
Here are some tips for creating effective hero banners:
- Use high-quality images or videos that are relevant to your target audience.
- Keep your message or call to action clear and concise.
- Use bright colors and fonts to make your banner stand out.
- Ensure your banner is responsive to look good on all devices.
The title lets you enter the text for the main hero content. You can adjust the alignment of the title by setting the content horizontal/vertical alignment options.
Layout options lets you define specific height and width for the Hero Banner.
No interactions are available for the Hero Banner.
From the Styles panel, you can customize styling attributes for the Hero Banner:
Banner: to customize the Banner background color if an image is present.
Title: to customize the style for the title text.
Caption: to customize the style for the caption text.
Subtitle: to customize the style for the subtitle text.
Primary Button: to customize the style of the primary button.
Secondary Button: to customize the style of the secondary button.