• 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

U-M Library Design System

The central place for brand, visual elements, reusable designs, and content guidelines, all with detailed documentation.

Getting Started

Write for the library, follow our established styles, and design or build an interface.

Foundations

We are committed to accessibility and inclusive design, shared guiding principles, and the library’s brand.

Visual Elements

Look and feel essentials: color, typography, the logo, image guidance, icons, and more.

Content

Our voice, tone, and identity, plus grammar, a word list, and how to write for and about people.

Reusable Designs

Components for designers and developers building user interfaces.

About

Our team, what's new, and information about some of the technical bits.

Quick resources

collections

Logo

Guidelines for using the logo online and in print, with downloadable files.

palette

Colors

Find our brand colors and other available styles.

design_services

Figma UI Toolkit Opens in new window

Find the styles and components from our Figma Design Library in the Figma Community.

description

Document Templates Opens in new window

Use our accessible Google slides and document templates.

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