---
title: Foundation
date: 2023-12-19T06:37:00-08:00
canonical_url: "https://designsystem.umd.edu/foundation"
section: Foundation Home
---
#  Foundation 

The UMD Design System is built on design foundations grounded in the UMD brand. The foundation pages provide background on the basic styles in place for the design system. These foundations are enforced to provide cohesion to our websites.

 

 

 

    ![Circular pie-chart with evenly spaces sections for each of the 4 primary colors for the university of maryland; gold/yellow, red, black, and white](https://umd-design.transforms.svdcdn.com/production/images/foundation-color.jpg?w=1846&h=1892&auto=compress%2Cformat&fit=crop&dm=1706539816&s=9389736c409c3c723c785781a3a7171a) [ Color ](https://designsystem.umd.edu/foundation/color)

  [ Learn more ](https://designsystem.umd.edu/foundation/color)  

   ![Two style cards with typographic examples of the letter A, in various styles and fonts](https://umd-design.transforms.svdcdn.com/production/images/foundation-typography.jpg?w=1846&h=1892&auto=compress%2Cformat&fit=crop&dm=1706218503&s=ed6b7014b48c345eb628fce74e8155e8) [ Typography ](https://designsystem.umd.edu/foundation/typography)

  [ Learn more ](https://designsystem.umd.edu/foundation/typography)  

   ![Template of digital content, overlayed with evenly spaced layout guides for use by designers](https://umd-design.transforms.svdcdn.com/production/images/foundation-layout.jpg?w=1846&h=1892&auto=compress%2Cformat&fit=crop&dm=1706218248&s=5b3d48be6f93a9ae7fd2618102046492) [ Layout ](https://designsystem.umd.edu/foundation/layout)

  [ Learn more ](https://designsystem.umd.edu/foundation/layout)  

   ![Grid of icons from the umd design system icon library and their associated generic labels](https://umd-design.transforms.svdcdn.com/production/images/foundation-icons.jpg?w=686&h=576&auto=compress%2Cformat&fit=crop&dm=1706541336&s=20480ff472214a1411f5d20ce3d92b4f) [ Icons ](https://designsystem.umd.edu/foundation/icons)

  [ Learn more ](https://designsystem.umd.edu/foundation/icons)