Building Software Users Love |

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 2.5.0 (released 09/05/2018)

Here are some of the highlights of recent releases:

  • Optimized code packaging to integrate MDS features more easily.
  • Fortified color, typography, and more visual language features.
  • Added iconography from the Morningstar Symbols font.
  • Added examples and guidelines of how to compose MDS components together.
  • Normalized component spacing, including removing outer margins.
  • Aligned component heights across all small, medium, and large variations.
  • Removed deprecated components, such as the original Notification.

More Details…

What’s Next?

In addition to coordinating and supporting adoption and continuing to maintain and extend existing library items, the MDS team is actively working on:

  • Concepts to offer Javascript-based components usable across front end frameworks.
  • New features such as Link enhancements, Long Form Text, and Search Results.
  • Expanding examples and guidelines of how to compose MDS components together.
  • Deepening and expanding the testing suites for Charts.