Design System
The Maryland Web Design System (MDWDS) provides building blocks and best practices that allow state agencies to spend less time on common UI problems, and more time solving the needs of the people they serve.
The MDWDS is currently under development.
The MDWDS will evolve over time in response to the needs of users, as well as to changing technology. As new UI components and patterns are released, we will announce them here and via our mailing list – be sure to sign up below!
Getting Started for Developers
Follow the instructions to install and use USWDS in your project.
Getting Started for Designers
We will release a MDWDS Figma file soon
In the meantime, use the following general guidance:
- Use "Source San Pro Web" (included in USWDS) as the default font family throughout.
- Use 16px as the default font size, and use relative sizing to increase font size where appropriate (e.g., Headings)
- Use our base color palette below.
Primary
#005EA2
Secondary
#E41D3D
Accent Cool
#28A0CB
Accent Warm
#E5A000
Base
#71767A
Text (Ink)
#1B1B1B
