A large banner, usually appearing as one of the first items on a page; often contains a full-width image.
Component
Hero
Other names: Jumbotron, Banner
13 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
Masthead
giffgaff design system
- Usage guidelines
- Code examples
Page hero
Mozilla Protocol
- Handlebars
- Sass
- Usage guidelines
- Open source
Hero
ONS Design System
Office for National Statistics
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Accessibility
- Open source
Hero banner
Rizzo
Lonely Planet
- jQuery
Highlight Board
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
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
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