• Skip to main content
  • Skip to footer content
  • Colors
  • Google Templatesopens in Google Drive
  • Figma Toolkitopens in Figma
  • Codepenopens in Codepen
  • Getting Started
  • Foundations
  • Visual Elements
  • Content
  • Reusable Designs
  • About
  • palette Colors
  • folder Google Templates
  • interests Figma Toolkit
  • code CodePen
  • 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.

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

© 2025, Regents of the University of Michigan

Contact Our Team

What's New