Family Brands

A family brand lockup brings together the Morningstar logotype and one of five family brand names to form a combined wordmark.

Usage

When to use

When we’re showcasing an individual family brand, its solutions and capabilities, and/or products that fall under it, we lead with the family brand using the lockup; in copy, we reference the family brand name in text. Specific scenarios for using the lockups include: 

  • The family brand is the central focus of a touchpoint, as in a page shell or masthead.
  • A product endorsed by a family brand is the central focus of a touchpoint.

When not to use

Don't use on legal documentation, as family brands are not business entities. See Background tab for additional guidance.

All lockups in a vertical list.
A lockup consists of the Morningstar logotype placed next to one of five family brand names typeset in Morningstar Intrinsic.

Clear Space

Lockup showing proper clear space.

Maintain proper clear space around the lockup.

Scale

Lockup shown with minimum height requirement.

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

Lockup shown with maximum size requirement.

The maximum size of the lockup should be no more than twice provided artwork size.

Squished red lockup.

Don’t squish or deform the lockup in any way.

Placement

Lockup placement in a landscape composition.
In landscape compositions, place the lockup in designated areas with appropriate clear space.
Lockup placement in a portrait composition.
In a portrait composition, place the lockup in designated areas with appropriate clear space.
Optically centered lockup.

Consider optically centering the lockup.

Vertically oriented lockup.

Don’t rotate the lockup.

Logotype and lockup next to each other.

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

Trademark Symbols

Using the Morningstar name itself is how we protect our family brands in-market; we don’t rely on separate marks.

Family brand lockups and names within Morningstar-owned touchpoints, like our website or marketing materials, don’t need a service mark (SM) or trademark (TM) symbol at the end. However, on first use, all external parties are required to use either a service mark (SM) or trademark (TM) symbol at the end of lockups and family brand names. For additional guidance, see Trademarks.

Lockup without any trademark symbols.

When used on Morningstar-owned touchpoints, lockups don’t need an ℠ or ™ symbol at the end.

Lockup with service mark symbol.

Third parties must use an ℠ at the end of a lockup in most countries. For guidance, see Trademarks.

Lockup with trademark symbol.

In jurisdictions that don’t recognize an ℠ symbol, third parties should use a ™ at the end of the lockup.

Morningstar Wealth lockup with trademark symbol.

The clear space around the trademark or service mark version of the lockup is measured from the edge of the artwork itself, excluding the symbol.

Color

Red lockup on white background.

Morningstar Red on White

Neutral 60 lockup on white background.

Neutral 60 on White

Neutral 80 lockup on white background.

Neutral 80 on White

Neutral 90 lockup on neutral 5 background.

Neutral 90 on Neutral 5

White lockup on red 50 background.

White on Morningstar Red

White lockup on black background.

White on Black

White lockup on neutral 80 background.

White on Neutral 80

White lockup on neutral 50 background.

White on Neutral 50

Red lockup on gray background.

Avoid vibrating or illegible color combinations.

Gray lockup on gray background.

Avoid color combinations that are similar in value.

White lockup on purple background.

Don’t use nonstandard background colors.

Green lockup on white background.

Don’t use nonstandard lockup colors.

Dark red lockup.

Don’t tweak the color of the red lockup to meet accessibility requirements.

Effects

Red lockup with gradient fill.

Don’t apply gradients or other color effects to the lockup.

Red lockup with drop shadow.

Don’t apply drop shadows to a lockup for decorative effect.

Modifications

Red lockup with vertical line between the logo and product name.

Don’t add graphic elements to the lockup.

Lockup with a registered trademark symbol after the logotype.

Don’t add a registered trademark symbol to the logotype.

Lockup with a registered trademark symbol at the end.

Don’t add a registered trademark symbol to the end of a lockup. For guidance, see Trademarks.

Morningstar logo with product name beneath.

Don’t rearrange or stack the lockup.

Unapproved product lockup

Don’t create unapproved lockups.

Lockup with incorrectly spaced letters.

Don’t modify or create a new version of a lockup. Only use the artwork as provided.

Lockup next to a third-party logo.

Don’t lock up a family brand with any other logos.

Lockup and third-party logo combined with multiplication sign

Don’t add symbols or glyphs to a lockup.

Wealth lockup with product name below.

Don’t add text or slogans to the lockup.

Lockup placed inline in text block.

Don’t place the lockup within inline text.

Animation

Animation adds a temporal dimension to the lockup 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 lockup.

Don't loop the animated lockup.

Speed

The animated lockup 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.

The standard speed can be applied to the widest variety of use cases.

Use rapid speed for application splash screens or social media video clips where time is constrained.

Use gentle speed for long-form editorial and evocative storytelling.

Placement and Intent

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

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

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

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

On Backgrounds

Illegible white lockup on busy background.

Don’t place the lockup on busy backgrounds.

Legible white lockup on darkened busy background

Do apply overlays or subtle drop shadows to increase legibility.

Illegible white lockup on light photograph.

Don’t place the lockup on backgrounds of similar colors.

Legible white lockup on light photograph with gradient overlay.

Do apply overlays or subtle drop shadows to increase legibility.