Building Morningstar products with a design philosophy delivered in code.
Shared Understanding
The Morningstar Design System aligns product teams on Morningstar brand, visual language, UX, and technical standards.
Build With Confidence
The System provides teams with ready-made components to facilitate efficiency, consistency, and accessibility. This frees teams up to solve harder problems.
What’s New?
Version 1.5.0 (released 10/9/2017)
Here are some of the highlights of recent releases:
- Masthead and Site Navigation components.
- Improvements to component accessibility for people with disabilities.
- Brought Morningstar Base Charts into MDS, including resources to help you choose a chart.
- Built component explorers for Base Charts and Buttons. Play around, then export your code.
- Broadened process and component documentation.
What’s Next?
In addition to coordinating and supporting adoption and continuing to maintain and extend existing library items, the MDS team will deliver new features by the end of 2017, including:
- Navigation components, including a Stepper, responsive page layouts, and UX patterns.
- Charts documentation of Morningstar Base Charts, including Line charts, Donut, and Style Box.
- Alerts and Notification components to provide feedback for success, errors, warnings, and information.
Explore. Contribute. Connect.
Make a ContributionRequest a New PartThe Morningstar Design System is powered and improved by the teams that use it. We’d love to hear your feedback.