The Morningstar Product System is the investment research company's shared design language, translating foundational guidelines (color, type, icons, spacing) into reusable Vue 3 components like buttons, cards, and data tables.
It's strongest for financial data-display components specifically, cards and data tables built for investor-facing products, and teams adopting it get direct technical support to resolve implementation issues, not merely documentation to self-serve from.
Developers building fintech or investment-data products who want Vue 3 components proven for dense financial data display.
It's one of relatively few company systems documented here built on Vue rather than React, worth checking if that matches the target stack.
A toolkit for clear, consistent products, with guidelines, components, and UI icons.
