Skip to main content

Massachusetts Design System

The Design System (formerly Mayflower) is a shared resource that helps designers and developers create clear, accessible, and consistent digital experiences for people using state services and programs.

Visual brand elements

Colors 

Typography 

Iconography 

Available resources

For designers 

Centrally maintained styles, components and patterns in Figma to accelerate your project.

For developers 

Access to design tokens and icon packages to streamline the design to development workflow.

Our roadmap

The Massachusetts Design System team at Mass Digital has established the building blocks teams need to design more consistently. Our next phase of work will translate these shared design standards into delivery infrastructure, with code resources that support easier adoption, reduce duplicated effort, and help teams deliver accessible digital services at scale across the Commonwealth.

Related services

Constituent Experience Center of Excellence 

The CX COE helps state organizations grow their skills to understand constituents’ needs and design more effective government services.

Accessibility Center for Consulting, Education and Support Services 

We work with organizations to make sure their digital services and information are accessible to everybody.

Video and multimedia services 

Our experienced creative team offers multimedia services to other state agencies at competitive rates.

Help Us Improve Mass.gov  with your feedback

Please do not include personal or contact information.
Feedback