Morningstar

Using Morningstar’s logotype consistently ensures that our customers experience our brand the same way across all our products and services.

When to use

When we’re showcasing Morningstar itself, our values, audiences, or comprehensive set of solutions and capabilities, we lead with our master brand, using the logotype; in copy, we reference the Morningstar name in text.

Specific scenarios for using the main logotype include:

It represents the master brand as the main focus of a touchpoint, such as in mastheads or page shells.

It serves a legal or structural purpose, such as in website footers or nav bars.

It's part of a family brand lockup (always precedes the family brand name—see Family Brands).

It’s one of the special cases approved by the Brand team when a product is endorsed by Morningstar (see Naming).

When not to use

Don't use the logotype where it competes with a product or family brand for focus, or in unapproved endorsements or lockups. When in doubt, email the Brand team.

Logotype with proper clearspace — Maintain proper clear space around the logotype.

Logotype with minimum height — A minimum height of 20 px is required to maintain the legibility of the logotype. For print, the minimum height is 0.125 in or 3.175 mm.

Logotype with illegible registered trademark symbol. — **Avoid** reducing the logotype below 75% its original size, thereby rendering the trademark symbol illegible.

Logotype with oversized registered trademark symbol. — **Avoid** enlarging the logotype above 175% its original size, thereby rendering the trademark symbol distractingly large.

Logotype squished. — **Don’t** squish or deform the logotype in any way.

Logotype placement in a landscape composition. — In landscape compositions, place the logotype in designated areas with appropriate clear space.

Logotype placement in a portrait composition. — In portrait compositions, place the logo in designated areas with appropriate clear space.

Logotype optically centered. — **Consider** optically centering the logotype.

Logotype vertically oriented. — **Don’t** rotate the logotype.

Logotype and lockup next to each other. — **Don’t** place the logotype and lockup next to each other.

We distinguish between our use of the Morningstar logotype and its use by others, including partners, licensees, and media. For more robust guidance, see Trademarks.

Logotype without registered trademark symbol. — The Morningstar logotype without a trademark symbol is used within Morningstar’s touchpoints, like our websites and our marketing and sales materials. All uses of this logotype must be accompanied by legal attribution text, which varies by country and jurisdiction. Contact the Legal team for specific recommendations.

Logotype with registered trademark symbol. — The Morningstar® logotype is used by external parties in most countries, including Australia, the United States, and all European Union countries.

Logotype with trademark symbol. — The Morningstar™ logotype is used by external parties in Argentina, Bermuda, Canada, Chile, Guernsey, India, Jersey, Kuwait, Malaysia, New Zealand, Peru, Qatar, South Africa, Saudi Arabia, Taiwan, and the United Arab Emirates.

Red logotype on grey background. — **Avoid** vibrating or illegible color combinations.

Logotype and background of similar grey values. — **Avoid** color combinations of similar values which render the logotype illegible.

White logotype on purple background. — **Don’t** apply the logotype to nonstandard background colors.

Green logotype on white background. — **Don’t** apply nonstandard colors to the logotype.

Dark red logotype. — **Don’t** tweak the color of the red logotype to meet accessibility requirements.

Positive Colors

Morningstar Red on white background. — Morningstar Red on White

Negative Colors

White logotype on red background. — White on Morningstar Red

White logotype on black background. — White on Black

White logotype on neutral 80 background. — White on Neutral 80

White logotype on neutral 50 background. — White on Neutral 50

Logotype with gradient color effect applied. — **Don’t** apply gradients or other color effects to the logotype.

Logotype with drop shadow applied. — **Don’t** apply drop shadows for decorative effect.

Don’t lock up the logotype with any other logo without prior approval.

Don’t add symbols or glyphs to the logotype.

Logotype with product name beneath. — **Don’t** add text or slogans to the logotype.

Logotype placed inline in text block. — **Don’t** place the logotype within inline text.

Logotype with letter forms spaced out. — **Don’t** modify, rearrange, or break apart the logotype.

Logotype letter O placed inline in text. — **Don’t** take any elements from the logotype to create new artwork.

Animation adds a temporal dimension to the logotype in digital environments where its vertical movement is reminiscent of the rising and setting sun. This animated version is available in two directions and three speeds to work in a variety of use cases, from in-office digital displays to application splash screens.

For broad guidance on animation, see Motion.

Transition in

Transition out

Transition in and out

Don't add to or layer effects on the animated logotype.

Don't loop the animated logotype.

Don't use the animated logotype as a loader. For the loader component, see Product System.

Don't place the animated logotype on top of busy or distracting footage.

Avoid mismatching the tone of the animated logotype with the intent of the overall video.

Do match the tone and length of the animated logotype with the intent of the overall video.

Speed

The animated logo is available in three speeds: standard, rapid, and gentle. The speed you choose will depend on a number of factors, including overall time constraints and intended tone. For more on tone, see Motion.