Mayflower Design System

The Mayflower colors, fonts, and style give Mass.gov a consistent look and feel.

Why use Mayflower?

The Mayflower Design System was created by the Mass Digital team for the Mass.gov website. The main goals for this design system are to:

• Create a consistent, inclusive user experience and look and feel across the Commonwealth’s discrete and diverse digital ecosystem for the constituents

• Allow the Mass Digital team and its customers to efficiently design and build accessible, mobile-friendly, and consistent web products using Mayflower as a unified design system

Through user testing, we have found when constituents move through government web pages that are uniform in design, they have more trust in their online transactions. Therefore, by incorporating the Mayflower design system into your organization’s digital presence, you will be helping constituent experiences be that much more enjoyable.

Using Mayflower

The Mayflower Design System is available for anyone to access. You don’t have to be a developer to use use Mayflower for your projects.

Was this article helpful?