Use a hero banners to:
Do:
Do not use:
Heros layout UI elements to communicate a focused message. They should feature a primary message and/or call to action, and can be accompanied by supporting content such a images or graphics.
Our base component shows example layouts, and are designed to adapt to your content. If these do not meet your user needs (ie. content type or layout), you can use the foundational elements of the design system to build your own in a similar style.
All components are responsive and designed to comply with WCAG 2.2 AA accessibility standards. Full compliance depends on using and configuring the components correctly.