Site Header

Description

data-region: uc__site-header

The Site Header contains required per-site Design System needs, such as HBS logo, Global Navigation, and Global Menu.

  • Color Themes: light, dark, white, crimson, purple, blue, red, black
  • Visible Content Fields: logo, header alert, call to action, current section title, nested link items
  • Instances per Site: one

How it Works

  • Site builders add this component to all HBS sites.

Examples

with About Content

data-region: uc__site-header__sitewide

Explore in Storybook

with Homepage Content

data-region: uc__site-header__homepage

Explore in Storybook

with Homepage Content and Alert

data-region: uc__site-header__sitewide__alert-banner

Explore in Storybook