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

• Color
• Typography
• Iconography
• Space
• Animation
• Constants

• Vue 2
• Vue 3

• What’s New
• Getting Started
• Visual Language
• Components
• Charts
• Writing Guidelines
• Legacy Docs