Mayflower Design System

Overview

The goals of Mayflower are:

  • To create a consistent, inclusive user experience and look and feel across the Commonwealth’s discrete and diverse digital ecosystem for the constituents.
  • To allow Digital Services team and its customers efficiently design and build accessible, mobile-friendly and consistent web products using Mayflower as a unified design system.

Implementations

| Name | Distribution | Author/Maintainer | Notes | | --- | --- | --- | --- | --- | --- | --- | --- | | Mass.gov | Drupal | EOTSS Digital Services Team | Mayflower Patternlab | | Search.mass.gov | React + S3 | EOTSS Digital Services Team | Mayflower React | | RideShare Report | React + S3 | EOTSS Digital Services Team | Mayflower React | | Public Water Doc Search | React + Github Pages | MassDEP | Mayflower artifacts | | RMV ATLAS | | MassDOT | Mayflower inspired | | MassDOT Open Data Portal | ArcGIS | MassDOT | Mayflower inspired | | DTC Form Release Search | ASP.NET | DTC | Mayflower inspired |

If you have a new implementation to add to this list, please open an issue with the following information:

  • The implementation’s target language and/or framework
  • The code repository if it's in Github or it's public
  • The author’s name (or alias) and contact URL or email address
  • The most recent version of the Mayflower Design System that the project targets
  • Any useful caveats or other notes