Footer Requirements

Contact Information

Every footer should include contact information for the website. This includes the following:

  • Site Title
  • Parent Unit (if desired)
  • Address
  • Phone
  • Email
  • Social Media

This information should be placed on the left side of the footer on desktop.

Copyright

 A link to the University copyright is required. It takes the form “© (Year) University of Notre Dame”

Here's an example:

© 2019 University of Notre Dame

The copyright should be placed on the left side of the footer on desktop.

Accessibility

All University websites are required to link to Notre Dame’s statement on accessibility at https://www.nd.edu/about/accessibility. Positioning is flexible.

Branding

The University's academic mark needs to be visible in the footer and should be linked to nd.edu. The academic mark with a college or school lockup is not acceptable.

Desktop

Sizing

Academic Mark Sizing

The academic mark should be 250px wide. This ensures that we don’t lose the legibility of the name or the clarity of the shield. This also creates consistency across all nd.edu subdomains.


Position

The academic mark must be placed in the lower right corner of your website.

Clear Space

Academic Mark Position

Clear space is the minimum “breathing room” that must be maintained around the mark. When using the mark on your website, placement text, photos, and other graphic elements must respect the clear space standard. This also refers to the minimum distance from the edge of the browser window. The clear space required by the University is an entire shield-width (approx. 50px) of space on the top, left, and bottom side of the mark. The mark must also keep a minimum distance of 5vw (5% browser width) from the right side of the browser window.


Color

Academic Mark Colors

The academic mark can be used in blue, black, gray, or white. Do not use the two-color mark in the footer.

  • When placing the academic mark on a light background color, the mark should be reproduced in blue or black.
  • When the academic mark is placed on darker backgrounds, it may be reversed in white.
Color Notes
  • Do not use the academic mark in colors other than those listed (blue, black, gray, or white). For accessibility reasons, the traditional all-gold version of the academic mark should be avoided.
  • Ensure that placement of the academic mark over background meets proper color contrast ratios (see WCAG 2.1, Level AA).

Academic Mark Download


Mobile

Sizing

The size of the academic mark is 250px wide on mobile.

Position

 

The academic mark should be placed at the bottom of the page, after any site-specific contact information.

Clear Space

As on desktop, the clear space required by the academic is an entire shield-width (approx. 50px) of space on the top and bottom side of the mark, and a minimum distance of 5vw (5% browser width) from the sides of the screen.

Color

The academic mark can be used in blue, black, gray, or white. Do not use the two-color mark in the footer.

  • When placing the academic mark on a light background color, the mark should be reproduced in blue or black.
  • When the academic mark is placed on darker backgrounds, it may be reversed in white.
Color Notes
  • Do not use the academic mark in colors other than those listed (blue, black, gray, or white). For accessibility reasons, the traditional all-gold version of the academic mark should be avoided.
  • Ensure that placement of the academic mark over background meets proper color contrast ratios (see WCAG 2.1, Level AA).

Recommendation

The footer from the Notre Dame Web Theme is a simple, standard starting point that meets all these requirements.

Footer Desktop

ND Web Theme Footer