Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Top bar example with blue backgroundImage RemovedTop bar example with white backgroundImage Removedanatomy-topbar.pngImage Added

The top bar displays core institutional branding. You can select either “UC Irvine” or “UCI Health”. You can also select the bar’s background color: either blue or white.

Selecting the wordmark and background color

Top bar brand selection

Selection

What this means

What this triggers

UC Irvine

The UC Irvine wordmark will be displayed.

N/A

UCI Health

The UCI Health wordmark will be displayed

N/A

Selecting the background color

Top bar background color selection

Selection

What this means

What this triggers

Blue

The bar will have a blue background color. The wordmark will be displayed in white.

N/A

White

The bar will have a white background color. The wordmark will be displayed in blue.

N/A

Info

It is generally recommended to use a blue top bar background. However, a white background may be preferred when your message uses a hero image that is tonally blue, in which case there would be little distinction between the blue top bar and the hero image.

Info

White wordmarks are displayed when a blue background is selected, blue wordmarks are displayed when a white background is selected.