Header: Full Width

This component provides a basic header and description that introduces a Level 1 page.

Overview Title

Behind everything we do there’s a higher purpose: to serve the best interests of our players and our communities. In these subtitles, we can have descriptions that are a bit longer.

Overview Title with No Description

Usage Criteria

This component provides a basic header and description that introduces a higher level page. Page hierarchy ranges from L1 (highest level) to L5 (lowest level).

Do's and Don'ts

  • Do not use this component anywhere other than the top of a page (after the global navigation).
  • Do not use this component more than once per page.

Design Notes

If the description is too long for the component, consider breaking it up and displaying it as part of the page body content below.

A note on page hierarchy: L1 pages are the surface level pages that users can easily access and usually serve as funnels to go deeper into other pages on the website. As the pages get deeper, they are defined by lower levels.

An example of this is the Media Overview page (L1). From here, you can go deeper into News Releases (L2), which is also a part of the media section but a level lower because of the path that is taken to get to the page on the site. 

Configurable Options

This component has basic configurations for the Title and an optional Short description. All text will be automatically centered. If no description is entered, the title will vertically center on the banner.

Developer Notes

Type
Name
AEM Component Name

Header: Full Width
Code Base Name

header-fullwidth
resourceSupertype

bclccorporate/components/content/base-textimage
SCSS Attributes

 
JavaScript
  
Status

Released (RC 1)
Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/header/full-width
Sketch Responsive Sizes

Desktop HD, Desktop, Tablet, Mobile
Status

Released (Master)
Version

Design 1.0