Using the brand bar
Using the brand bar helps deliver a consistent user experience across VCU's web properties by adding a centrally-supported and easy-to-use digital brand mark.
Select the brand bar you need
Choose the option your site requires:
- For a T4 site
How to use the brand bar component in Terminal Four. - For a non-T4 site or application
How to generate a brand bar script and add it to your custom site or application.
Requirements
- Websites must load an approved VCU branding bar at the top of every page and must not be obstructed from view by visual elements.
- VCU Health Branding
Websites may not use the VCU Health logo or branding bar. -
Websites with a brand bar that includes the VCU master mark may NOT use their unit’s master mark in the site title, as the two stacked logos that result from this placement are not in line with brand standards. The department’s name should be stated in the site title without “VCU” before it. All exceptions need prior approval.
- Menu & Search Icons
The exception to visual elements on top of the branding bar include approved menu and search icons as detailed in the VCU Brand Standards guide
For non-T4 sites or applications
We've created a script that can be copied and pasted into your web page code. By using this script, any future brand bar edits will automatically be updated on your website.
How to use the brand bar script
- All VCU brand bars must be loaded by using the branding.vcu.edu javascript that we provide.
- The script generator allows you to choose from an approved set of brand bar options.
- Copy the script and paste it into your custom site or application code.
Generate a brand bar script
You are required to use the code provided as it is written. Please do not alter any of the code or assets.
1. Configure the brand bar
2. Copy the brand bar script
3. Add the brand bar script to your site
Find and remove the old branding script (if applicable) and paste the block of html from step 2 on a new line as high as possible in the .