• Skip to main content
  • Skip to footer content
  • Getting Started
  • Foundations
  • Visual Elements
  • Content
  • Reusable Designs
  • About
  • Getting Started
  • Foundations
  • Visual Elements
  • Content
  • Reusable Designs
  • About
  1. home
  2. Reusable Designs

Reusable Designs

Components for designers and developers building user interfaces.

Breadcrumbs

An important navigational element for deep sites with clear hierarchy to show users where they are.

Buttons

Communicate actions users can take using a click, tap, or keypress.

Chat

Provide persistent access to Ask a Librarian chat throughout a site.

Skip link

Visually hidden links that allow quick navigation to main content via keyboard focus.

Tables

Display matrix style relationships or collections of data using rows and columns.

Universal Header

Shows users they’re on a U-M Library website and provides a path to other sites.

Website Footer

Display contact information and helpful links at the bottom of a website.

Website Header

A basic site header with the U-M Library logo and site title.

email

Can't find what you need? Please contact us. We'll respond as soon as possible — usually within 2 business days — to discuss your request.

University of Michigan Library

  • 913 S. University Avenue Ann Arbor, MI 48109-1190

The Design System

  • Accessibility
  • Roadmap
  • U-M Library Style and Branding

Getting Started

  • Write for the Library
  • Design User Interfaces
  • Build User Interfaces

© 2023, Regents of the University of Michigan

Contact Our Team

What's New