The Mayflower Design System was created by the Digital Service team for the new 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 Digital Service 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.
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. Click the link below to easily find the Mayflower colors, fonts, style guide, and more.