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; often contains a full-width image.

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

Β© 2021 Iain Bean

  • Colophon
  • Changelog