For general guidance on how to use the Design System, check out the Design System Microsite.
This is the beginning of the Massachusetts Design System repository. It currently provides CSS variables for design tokens (such as colors and spacing) as our first phase, with more resources and enhancements to come. To use them: Clone this repo, then copy and paste the Tokens folder into your project to reference in your main CSS file(s).
Our approach to building the Massachusetts Design System is to release smaller pieces for feedback to teams. This allows us to iterate quickly and empowers teams to use our tools without having to wait for everything to be done.
In the upcoming quarter, we will be working on creating the HTML, CSS and Javascript for required components such as State Banner and Footer. We will announce when these components will be ready for testing and use.
We are a small but mighty crew enthusiastic to partner with teams hoping to leverage the Massachusetts Design System for upcoming projects. Please provide any feedback in our Community of Practice channel on Microsoft Teams or via email at designsystem@mass.gov.