thumb_up_alt
Was this page helpful? Please submit feedbackopens in new window so we can improve.
The website footer displays a column of information about the U-M Library as well as one or two lists of helpful links. The very bottom of the footer features a single row — or subfooter — in blue-500 with copyright information.
Content featured in the footer changes across products, but stays consistent throughout a specific website.
Use this footer as a starting point for any website within the domain of lib.umich.edu and customize the links of links for your needs.
Contact information should be in the first column of the footer and linked accordingly. The U-M Library address is provided by default and links to Google Maps. If including email or phone, the latter should be selectable to dial from a mobile phone.
The footer provides one or two columns with a header over each for additional content. Aim for a balanced number of items if using two columns. When selecting items:
If using icons along with list items, they should be all-or-nothing in each column. See more guidance around <icons as a visual element>.
Include copyright information: year and Regents of the University of Michigan. We recommend updating the provided code example to dynamically change the copyright year based on the tech stack of your site (PHP, JS, Rails) so it doesn’t go out of date.
You can also optionally use this space to call out open source solutions used to build the site (for example: Built with Drupal and the U-M Library Design System). This is also a good spot for linking to release notes or similar.
See example pen by U-M Library Design System (@umlibrary-designsystem) on CodePen.
Was this page helpful? Please submit feedbackopens in new window so we can improve.