A large banner, usually appearing as one of the first items on a page; it often contains a full-width image.
Component
Hero
Other names: Jumbotron, Banner
14 examples
Hero
Bolt Design System
Pegasystems
- Sass
- Twig
- Web Components
- Code examples
- Tone of voice
- Open source
Hero
Bulma
- Sass
- Code examples
- Accessibility issues
- Open source
Hero Area
Duet Design System
LocalTapiola
- Angular
- Vue
- React
- Code examples
Hero
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
Jumbotron
Flowbite
- Tailwind CSS
- Open source
- Code examples
Masthead
giffgaff design system
- Usage guidelines
- Code examples
Hero
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Hero
ONS Design System
Office for National Statistics
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Accessibility
- Open source
Highlight Board
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
- Unmaintained
Hero
United States Web Design System
United States government
- Nunjucks
- Code examples
- Usage guidelines
- Open source
Hero
uStyle
uSwitch
- Sass
- Tone of voice
- Code examples
- Usage guidelines
- Open source
- Unmaintained
Hero
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
Hero
W3C design system
- Sass
- Vanilla JS
- Code examples
- Usage guidelines
- Open source
- Accessibility