Getting Started with Web Content: Develop Websites

The Design System is flexible so you can use as much or as little as you need to for the interface you’re creating. It is compatible with any framework or no framework at all. 

The primary uses when building an interface are:

Options for use

Choose the most appropriate option for what you’re working on to use our visual elements and reusable designs.

Options include:

  • Using available specifications (such as hex colors or spacing) in your code
  • Copying and pasting the HTML and CSS available for all of our reusable designs

In addition, we encourage everyone to follow the guidelines provided for visual elements and reusable designs to inform your own implementation.

Use University Libraries Styles

In order to use our reusable designs and styles, you’ll need to link to our stylesheet in the <head>.

<link href="https://prod.library.gvsu.edu/lib/ul_styles.css" rel="stylesheet"/>

Our design system is deeply indebted to the University of Michigan Libraries' Design System.

  • Last Updated: Oct 14, 2024 8:42 AM
  • URL: https://libguides.gvsu.edu/gettingstartedweb