How It Works

These elements work together to create our Michigan Engineering Design System.

Elements

The atoms of our system. These are items in their simplest form, including typography, color, lines and grids. In WordPress, they are located under “blocks”.

Components

Small units composed of elements. These are items that come together in common ways, including lists, quotes, images and buttons.  In WordPress, they are located under “blocks”.

Component Groups

Made of elements and components. These are more complex units that are grouped together in common patterns, including calls to action, grids and galleries. In WordPress, they are located under “blocks” or “patterns”.