Every UAB website has latitude for creativity, but several elements are essential to effective branding and efficient user experience:

Header

At the very top of UAB websites, you'll see a full-width green bar with the UAB logo. This bar is standardized for any website hosted by UAB, whether on Joomla or WordPress.

Below the green bar, both the Joomla and WordPress templates include the site's title set in HTML text with an optional secondary title below. Having the site's name in HTML text helps site visitors who use screen readers or other assistive technology better understand the page content. The text for the website title and secondary title are editable, but the positioning is consistent across all UAB websites. The title will also stay the same across all pages of your website.

On Joomla websites, a search bar and a pre-determined UAB Quicklinks dropdown menu will be displayed in the top right corner on desktops and within the search icon on mobile. The search input box is populated by either a site-level search or a custom search where requested and/or applicable. WordPress sites do not require the UAB Quicklinks dropdown menu, and a search bar can be placed by the site admin in the position they choose.

Joomla Header

joomla header

WordPress Header

wordpress header

Standardized Footer

All UAB-hosted website footers, whether Joomla or WordPress, must be the pre-built, standardized footer. This footer contains a UAB Logo, text-only link, links to our Privacy website and Terms of Use, and our copyright. There is also an Equal Opportunities statement required by law.

There are three color options for the standardized footer on any UAB-hosted Joomla website and one color option for the standard footer on any UAB-hosted WordPress website. You can preview these options below.

Smoke Grey Footer

Joomla and WordPress

grey uab footer

UAB Green Footer

Joomla only

green uab footer

White Footer

Joomla only

white uab footer

Fonts

The UAB logo uses the Proxima Nova font. However, please bear in mind that all logos, wordmarks, taglines, and anything else that is presented near the UAB monogram should be created by University Relations.

If you would like to produce other materials that use Proxima Nova and you are an Adobe Creative Cloud subscriber, you can add this font to your workflow by syncing it to your computer via Adobe Typekit. Ask your IT support staff for details. If you do not have access to Adobe Creative Cloud, you can license the typefaces directly from Adobe.

UAB websites use Proxima Nova and Kulturista, which are available in Adobe Typekit or licensed from Adobe as described above.

Note: Fonts carry license agreements just like any other software. As such, we cannot make them available for download.

Proxima Nova

Thin (font-weight: 100)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Regular (font-weight: 400)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Semibold (font-weight: 600)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Bold (font-weight: 700)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Kulturista

Light (font-weight: 300)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Medium (font-weight: 400)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Semibold (font-weight: 600)

A world-renowned research university and medical center — a first choice for education and health care.
The University of Alabama at Birmingham

Colors

The official university colors are green and white, with gold traditionally used as an accent color. Learn more about our UAB colors in the Brand Basics section of this Toolkit website.

Accessibility

All UAB sites should follow the web accessibility guidelines we've outlined in the Accessibility section of this website. Review our Web Accessibility Overview page to learn more about these standards and guidelines.

FAQs