The Component Gallery
  • Components
  • Design systems
  • About

Component

Hero

Other names: Jumbotron, Banner

A large banner, usually appearing as one of the first items on a page; it often contains a full-width image.

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

Β© 2022 Iain Bean

  • Contribute
  • Colophon
  • Changelog