Getting Started

Introduction

Prism is a design system for both designers and developers that joins UX Guidelines, Design Thinking principles, HTML and CSS components, Bootstrap, and JavaScript. The goal of Prism is to teach and encourage a more purposeful and efficient method of design and improve the consistency, accessibility, and quality of the products we create. By building and standardizing components that are designed with every user in mind, we can ensure that we are offering solutions- and design- for all.

Bootstrap

For components that are not listed in Prism, you may refer to their corresponding Bootstrap classes.

Visit Bootstrap

CSS

To load the CSS, copy and paste the stylesheet <link> into your <head>. If your project has other stylesheets, copy and paste it after any vendor stylesheets and before any project-specific stylesheets.


                    <link rel="stylesheet"
                    href=“prism.css>

To use the stylesheet, download all assets from the Prism Repository Distribution folder via the button below.

Download CSS

Responsive Meta Tag

To ensure that users can view our applications as intended- regardless of their device- add the responsive viewport meta tag to your <head>.


                <meta name="viewport"
                content="width=device-width, initial-scale=1,
                shrink-to-fit=no">