CMMI Institute Design System

A central, scalable system to provide a unified set of UX, design rules, and UI components.

v2.1.11



Introduction

The CMMI Institute Design System includes a library of components and more complex patterns built from those components with the reasoning and rationale of documented design principles to help encourage internal stakeholders at the CMMI Institute as well as our partners to create a consistent, rewarding user experience.


Using the System

To use any of the patterns documented here, you can simply include the CSS and JavaScript from our CDN. Place the following in your page’s <head> element:

<link rel="stylesheet" href="https://cdn.cmmiinstitute.com/design/style.2.1.11.css" />

Then, right before your <body> closing tag, add:

<script src="https://cdn.cmmiinstitute.com/design/bundle.2.1.11.js"></script>

Add the class cmmi-patterns to the element that you would like to use these patterns. To apply to the entire page, add that class to the <body> tag. You can also use these patterns on just one part of your website by applying the class cmmi-patterns to another element.