University Libraries Design System

Support for the University Libraries' brand, visual elements, reusable designs, and content guideline.

Visual Elements

Color, typography, the logo, and images.

  1. Colors

    GVSU Colors that are appropriate to use.

  2. Typography

    What fonts are appropriate for use on the Web.

  1. Images

    How to find and use images, and make sure they are accessible.

  2. Logos

    Guidelines for using the GVSU and University Libraries' logos, with files.

Reusable Designs

Components for building user interfaces.

  1. Search Forms

    Code and mappable forms for search tools.

  2. Library Hours

    Add one or more location hours to a web page.

  3. Current Occupancy

    Add the current occupancy of the Mary Idema Pew and Steelcase Libraries..

  4. HTML Forms and Labels

    Best practices for creating usable, accessible forms.

  5. Banners

    Display information that stands out.

  1. Header

    Shows users they are on the University Libraries website, with or without search.

  2. Footer

    Include the Libraries' and GVSU's contacts and useful links in the website footer.

  3. Breadcrumbs

    Show users where they are in our large website.

  4. Navigation

    Include the UL website navigation in your project.

About

Our team, what's new, and technical information.

  1. Website Team

    Who works on the University Libraries' website.

  2. Work Notes

    A blog of what's new with the website. Subscribe by email.

  1. Report a Problem

    Alert our team to technical or content issues with any of the University Libraries websites.

  2. Get in Touch

    Have an idea for a site or project? Reach out.

Our design system is deeply indebted to the University of Michigan Libraries' Design System.