Visual Elements: Typography

Color, typography, the logo, and images.

Our digital products use two font families.

  • Lato is sans-serif and is used most of the time 
  • EB Garamond is used as a level one heading style.

Our default (base) font-size is 16px. The rest of our typography scale is based on measurements relative to this default.

Headings

When formatting headings, use the following sizes and weights:

  • H1, EB Garamond 36px, 2.2rem, normal, #000000
  • H2, Lato 22px, 1.4rem, bold, text-transform: uppercase, #6a6a6a
  • H3, Lato 18px, 1.2rem, bold, text-transform: uppercase,  #737373
  • H4, H5, H6 Lato 16px, 1rem, bold, text-transform: uppercase, #737373

Body text

All body text is 16px or 1rem, regular weight.

Links within body text are GVSU Blue and underlined by default.

In some cases, links can have the underline removed, except on hover. This style is often used when many links are presented together, such as with list items where repeated underlines impede readability.

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

  • Last Updated: Sep 26, 2024 8:07 AM
  • URL: https://libguides.gvsu.edu/visualelements