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
8 examples
Hero
Bulma
- Code examples
- Accessibility issues
Hero Area
Duet Design System
LocalTapiola
- Code examples
Masthead
giffgaff design system
- Usage guidelines
- Code examples
Page hero
Mozilla Protocol
- Usage guidelines
Hero banner
Rizzo
Lonely Planet
Highlight Board
Spark Design System
Quicken Loans
- Usage guidelines
- Code examples
Hero
United States Web Design System
United States government
- Usage guidelines
- Code examples
Hero
uStyle
uSwitch
- Tone of voice
- Code examples
- Usage guidelines