MarCom Studio

MarCom Studio

What kind of services/assistance do you need?

Creative Communication Platforms Marketing Merchandising News Media Official Communication Channels On-Campus Promotion Resources Social Media Strategic Counsel Web Services
Home   Resources   Style Guides   Web Style Standards   Global Footer

Global Footers

Global footer sits at the bottom of the site and holds essentials like copyright, contact, and legal info for easy access.

Overview

  • It contains an institutional logo, contact information, Institutional social media channels, and useful and legally mandated links.
  • 3 layouts: Primary, Secondary and Affiliate

On This Page

Types of Footers

Primary

Overview

Contains the university brand logo, contact information, institutional social media channels, as well as, sanctioned and legally mandated links.

Use Case

UTSA official websites

Example Pages

Home Page, President’s Office, Research, Alumni, Giving

Desktop View

Mobile View

View Primary Demo Request Code

Secondary

Overview

Contains the university brand logo, contact information, institutional social media channels, and a condensed list of sanctioned and legally mandated links.

Use Case

UTSA official websites that would like a condensed version of the footer.

Example Pages

President’s Office, Research, Alumni, Giving

Desktop View

Mobile View

View Secondary Demo Request Code

Affiliate

Overview

Contains the university brand logo and legally mandated links.

Use Case

Affiliated sites and third party applications/site may or may not use a UTSA footer depending on the business case and technical limitations

Example Pages

Forms, Applications, Boot Camps

Desktop View

Mobile View

View Affiliate Demo Request Code

Guidelines

Do's & Don'ts

  • Do use the provided HTML, CSS, and JS
  • Do use as-is
  • Don’t change background colors, font color, styles, sizes, weights, or family.
  • Don’t change out the institutional logo or any of the links

 

Responsive Layouts

Responsiveness is handled via Bootstrap 5’s columns and rows and should not be edited.

Accessibility

Users should be able to do the following with assistive technology/keyboard:

  • Read all text or have alternative text using the alt attribute on images
  • All alternative text/ alt tags must be unique, in other words, no doubles or copies
  • Tab through all navigable items
  • All tab navigable items need to be highlighted visually with appropriate contrast