Morningstar Design System

Morningstar Design System

MDS is a collection of design and technical standards built into a central library to help teams quickly build high-quality, cohesive experiences.

Starting Out

Looking for documentation on getting up and running with MDS?

Get Started

Additional Support

Looking to report a bug, request something new, or get additional help with the system?

Get Support

MDS Blog

Stay up to date with the info on new features, best practices, what's to come in the future.

Read The Blog

Getting Started

Learn about the essential points of using and contributing to the Morningstar Design System.

Read Getting Started

Visual Language

Explore the foundational design language that creates consistency and clarity across our products.

Browse Visual Language

UI Components

Take a look at the modular UI components that help us create quality user experiences.

Browse UI Components

Explore, Connect, and Contribute

The Morningstar Design System is powered and improved by the teams that use it. We’d love to hear your feedback.

Microsoft Teams: Morningstar Design System (MDS)