Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Morgan Stanley
FinanceMorgan Stanley projects institutional gravitas through a sophisticated blend of serif elegance and sans-serif accessibility, creating an atmosphere of established financial authority. The typography hierarchy mixing Times with custom Gloriola and Karla fonts signals both heritage and contemporary expertise, while the vibrant flags imagery suggests global reach and cultural intelligence.
Design Identity
Signature Color
Morgan Stanley Navy
#1B365D
institutional trust and financial gravitas - the deep blue of established wealth management
Visual Identity
The distinctive typography mix of Times serif for body text with custom ms_gloriola_ii_std for headlines creates an unmistakable editorial-meets-financial aesthetic that balances tradition with modern accessibility.
Component Style
Clean, understated components with minimal visual treatment - buttons and links inherit the same Times serif styling as body text, creating a cohesive editorial feel rather than typical tech-forward UI patterns.
Spacing Philosophy
Generous whitespace around content blocks creates breathing room that suggests premium service, while tight line-heights (18.4px for 16px text) maintain information density appropriate for financial data consumption.
Design Principles
- Typography mixing: Times serif for primary content, custom Gloriola for emphasis, Karla sans-serif for supporting text
- Line-height stays tight: 18.4px for 16px text maintains data-dense readability
- Font weights limited to 400 and 700 with occasional 500 for hierarchy
- Input fields use dramatically larger 30px Gloriola font for prominence
- Consistent 16px base font size across body, links, and buttons
Target Audience
High-net-worth individuals and institutional investors who expect sophisticated communication that balances accessibility with the gravitas of established wealth management
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 18.4px | |
| h2 | 20px | 500 | 24px | |
| h3 | 16px | 700 | 20.8px | |
| h4 | 14px | 700 | 21px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 18.4px | |
| button | 16px | 400 | 18.4px | |
| input | 30px | 400 | 34.5px | |
| nav | 16px | 400 | 18.4px | |
| header | 16px | 400 | 18.4px |
Color Palette
No colors extracted
