Morningstar’s new Product System is here.
Upgraded components, refined design language, and comprehensive guidance—easier than ever to use.
Explore Now
Skip to Content
Morningstar Design System
What’s New
Getting Started
Visual Language
Components
Charts
Writing Guidelines
Color
Typography
Iconography
Space
Animation
Constants
Vue 2
Vue 3
This version adds support for Morningstar Intrinsic.
To learn more about Morningstar Intrinsic, read our
blog post
.
What’s New
Getting Started
Visual Language
Components
Charts
Writing Guidelines
Legacy Docs