Styles & Fonts
This page will include information on the fonts used, as well as information for how to structure content on a web page, organize lists, and select buttons for calls-to-action.
The fonts used may be downloaded free from Google Fonts:
Google Font Work Sans
Google Font DM Serif Text
Font Usage
DM Serif Text is the primary headline font. Its warm letterforms help capture the spirit of the University. For headlines, it may be used alone, or its boldest weights may be paired with Work Sans for emphasis. Don’t be afraid to use it large. However, for more formal audiences, you can match its size to the Work Sans portion of the headline. Tip: to achieve a virtually equal size to the Work Sans portion of the headline, set it at 5 points larger than Work Sans.
Work Sans is used for the less important part of a headline as well as subheads, lead-in, and body copy.
Digital Examples
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper sapien a ipsum hendrerit, ac efficitur nulla pretium. Vivamus eleifend metus leo, ut sollicitudin odio tincidunt sit amet. Fusce quis ultricies felis. Nunc ac rhoncus elit. Mauris ac odio est. Vestibulum sagittis sed quam in iaculis. Phasellus condimentum lacus in libero facilisis varius.
Fusce ut ex ante. Aliquam pellentesque et sem nec elementum. Sed luctus arcu ut tristique efficitur. Mauris ultrices lacus et metus laoreet, eget malesuada tellus cursus. Sed pharetra metus ac rutrum auctor. Cras commodo sem eget elit pellentesque porta. Integer malesuada nunc in arcu pulvinar placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean vulputate blandit odio, sagittis bibendum leo mattis id.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper sapien a ipsum hendrerit, ac efficitur nulla pretium. Vivamus eleifend metus leo, ut sollicitudin odio tincidunt sit amet. Fusce quis ultricies felis. Nunc ac rhoncus elit. Mauris ac odio est. Vestibulum sagittis sed quam in iaculis. Phasellus condimentum lacus in libero facilisis varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper sapien a ipsum hendrerit, ac efficitur nulla pretium. Vivamus eleifend metus leo, ut sollicitudin odio tincidunt sit amet. Fusce quis ultricies felis. Nunc ac rhoncus elit. Mauris ac odio est. Vestibulum sagittis sed quam in iaculis. Phasellus condimentum lacus in libero facilisis varius.
Heading 3
Fusce ut ex ante. Aliquam pellentesque et sem nec elementum. Sed luctus arcu ut tristique efficitur. Mauris ultrices lacus et metus laoreet, eget malesuada tellus cursus. Sed pharetra metus ac rutrum auctor. Cras commodo sem eget elit pellentesque porta. Integer malesuada nunc in arcu pulvinar placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean vulputate blandit odio, sagittis bibendum leo mattis id.
Buttons
Button Button with Arrow Transparent Button
- Unordered List Item
- Unordered List Item
- Ordered List Item
- Ordered List Item
- Ordered List Item
| Table Heading | Table Heading | Table Heading |
|---|---|---|
| Table Cell | Table Cell | |
| Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell |