Skip to header Skip to main navigation Skip to sub navigation Skip to main content Skip to sidebar Skip to footer

Compass Web Framework

    1. Home
    2. Components
  1. Global
  2. Brand bar

Brand bar

The brand bar component injects the VCU brand bar into a site.

Examples

Example of the VCU Brand bar [View Image]

Mobile footer brand mark (updated Fall 2020) [View Image]

Code reference

When to use

The VCU brand bar is a required component on all vcu.edu websites, with the following exceptions: 

The brand bar includes the VCU seal and typography, along with a link to support.vcu.edu. No additional information is allowed in the brand bar lockup.

On a desktop, the brand bar is loaded at the top of the page and must not be obstructed from view or have any elements on top of it. 

The bar is available in four colors:

On mobile, the brand bar will always have a white background.

How to use

Tips

Requirements

The brand bar component requires:

Accessibility considerations

The VCU brand bar has been designed and coded to meet accessibility standards. 

Quick links

View graphic versionView graphic version