SCSS Location: /styles/scss/partial/_hero.scss
  • Status: Design
  • Status: Development
  • Status: Documentation


A single Hero region is present on every page of the site, but the complexity of the hero is dertermined by the type of page. All Heroes consist of a combination and a graphical treatment combined with an optional image.


Item Design Guidelines Not Provided


Different heros are used at different depths of the site.

  • The Homepage Hero is unique to the homepage
  • The HUB and Basic Detail Heroes are used for top level pages and their children, respectively
  • A simple, slim, Hero is used on simple content pages