We aim to build trust in our digital services by creating components and standards that are reusable, equitable, informed by research, and available to the public.
University of Michigan Library Design System
The design system exists to build trust in our digital services and create components and standards that are reusable, equitable, informed by research, and available to the public.
How do I get started developing?
git clone https://github.com/mlibrary/design-system.git
Build the images
Install the npm packages on your host machine
docker-compose run --rm web npm install
Build everything locally
docker-compose run --rm web npm run build
The Developer Workshop will then be available at http://localhost:8080/. This web page serves as a design system workshop to develop web components and styles and learn how to use the system. Gulp
for automating our development workflows and build pipelines.
for improving the developer experience when writing styles with plugins like postcss-nesting
and optimizing and transforming CSS for distribution.
Theo is an abstraction for transforming and formatting Design Tokens. Used to manage our single source of truth for design values, such as colors and spacings.
No packages published