Hero Component
Hero introduces a page with a headline, optional subheadline, logo, and call to action.
What you can do
- Set a color, image, or video background
- Configure Hero overlay color and opacity
- Set headline and supporting text styling
- Add an optional logo or action
How it works
Hero background image, overlay, opacity, and headline controls remain dedicated to Hero for clarity and backward compatibility.
Tips
- Use a concise page-level message
- Check contrast at desktop and mobile widths