Mayflower Design System

Last updated 4 months ago

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

FAST proprietary

MassDOT

Mayflower inspired

MassDOT Open Data Portal

ArcGIS

MassDOT

Mayflower inspired

****Civil Services Eligibility Lists (Entry level)****

ASP.NET

ANF

Mayflower as markup

GIS Parcel Uploader

AWS S3 + Lambda + API Gateway

EOTSS Digital Services Team

Mayflower as markup

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 is in Github or it is 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