Impact: Top bar

Top bar example, blue
Top bar example, white

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

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

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

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.

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