A Design System can be comprised of principles, guidance, and code that makes it easier to build accessible, mobile-friendly government websites. Human-centered design is utilized to support human-centered design teams.
Click on a table entry below to be taken to more information about it's Design System(s).
🟢 🟡 🔴 ⚪
| Feature | Status | Other Info |
|---|---|---|
| Source Code | v1.0 - Released on September 7, 2021 | Includes a visual identity guide, 8 reusable components, and page templates for quicker getting started. |
| Underpinning Technology | N/A | Based on Bootstrap 3 Styles & Scripts |
| Web Components | 🔴 | No web components found |
| 508 Compliant | 🟢 | Explicitly calls out Accessibility on Homepage |
| Storybook / Figma | 🔴 | No usage of Storybook or Figma |
| Feature | Status | Other Info |
|---|---|---|
| Source Code | No Marked Releases on GitHub.com - NPM shows last release as ~2 years ago | Includes a visual identity guide, handful reusable components, and page templates for quicker getting started. |
| Underpinning Technology | N/A | Appears to be based on Bootstrap 3 Styles & Scripts |
| Web Components | 🔴 | No web components found |
| 508 Compliant | 🟢 | Meet WCAG 2.1 AA standard accessibility |
| Storybook / Figma | 🔴 | No usage of Storybook or Figma |
| Feature | Status | Other Info |
|---|---|---|
| No Source Code | N/A | More of a visual identity guide (typography, colors, layout) with zero code examples |
| Underpinning Technology | N/A | - |
| Web Components | 🔴 | No web components found |
| 508 Compliant | 🔴 | No mentions of accessibility |
| Storybook / Figma | 🔴 | No usage of Storybook or Figma |
Documentation Coming Soon
| Feature | Status | Other Info |
|---|---|---|
| Source Code | No Marked Releases on GitHub.com - appears to be fairly active | Includes Template and Design Pattern Library, Content Style Guide, Information Architecture Specs, and more. |
| Underpinning Technology | N/A | |
| Web Components | 🟡 | Web Components in newer Alpha Version - Code Here |
| 508 Compliant | 🟡 | Unsure if components at A11Y friendly |
| Storybook / Figma | 🔴 | Figma "Coming Soon" on Individual Component Page |
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Ireland [PDF]
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
GitHub.com Repo Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Design System About the Design System Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
| Feature | Status | Other Info |
|---|---|---|
| Source Code | v1.0.11 - Released on March 2, 2023 | Currently in BETA status - however, it contains |
| Underpinning Technology | - | |
| Web Components | 🔴 | No web components found |
| 508 Compliant | 🔴 | No mentions of accessibility |
| Storybook / Figma | 🔴 | No usage of Storybook or Figma |
| Feature | Status | Other Info |
|---|---|---|
| Source Code | v12.6.0 - Released June 29, 2023 | Mayflower is the enterprise design system for the state government of Massachusetts. |
| Underpinning Technology | ||
| Web Components | 🟡 | Uses Web Components, but unsure to what extent |
| 508 Compliant | 🟢 | Has Accessibility as a Core Principle |
| Storybook / Figma | 🟢 | Uses Storybook |
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Documentation Coming Soon
Last updated in January 2018