University Libraries Design System
Support for the University Libraries' brand, visual elements, reusable designs, and content guideline.
Getting Started
Guilding Principles
We are committed to accessibility and inclusive design, shared guiding principles, and the people we serve.
Content
Our voice, tone, and identity; grammar, a word list, and how to write for and about people.
Visual Elements
Color, typography, the logo, and images.
Reusable Designs
Components for building user interfaces.
-
Search Forms
Code and mappable forms for search tools.
-
Library Hours
Add one or more location hours to a web page.
-
Current Occupancy
Add the current occupancy of the Mary Idema Pew and Steelcase Libraries..
-
HTML Forms and Labels
Best practices for creating usable, accessible forms.
-
Banners
Display information that stands out.
-
Header
Shows users they are on the University Libraries website, with or without search.
-
Footer
Include the Libraries' and GVSU's contacts and useful links in the website footer.
-
Breadcrumbs
Show users where they are in our large website.
-
Navigation
Include the UL website navigation in your project.
About
Our team, what's new, and technical information.
Our design system is deeply indebted to the University of Michigan Libraries' Design System.