Brand

Type

Rooted in Structure

Our typographic approach surrounds our custom brand typeface, MSG Display, and is paired with a round geometric sans-serif font for written communication. It brings personality and consistency.

Custom Display Type

Custom Display Type

Inspired by architectural curvature, our typeface is MSG Display is a customized version of Ray Larabie’s Coolvetica — a 1970s display lettering look with really tight kerning and funky curls. The subtle serif details reinforce the concept up close, but the type remains highly legible from a distance and simplified for clarity in motion.

Inspired by architectural curvature, our typeface is MSG Display is a customized version of Ray Larabie’s Coolvetica — a 1970s display lettering look with really tight kerning and funky curls.

The subtle serif details reinforce the concept up close, but the type remains highly legible from a distance and simplified for clarity in motion.

Inspired by architectural curvature, our typeface is MSG Display is a customized version of Ray Larabie’s Coolvetica — a 1970s display lettering look with really tight kerning and funky curls. The subtle serif details reinforce the concept up close, but the type remains highly legible from a distance and simplified for clarity in motion.

Type Details

A closer look at how the motif bled into the typography and how MSG Display is in motion.

Type Setting

Good typesetting requires a discerning eye. Below are some universal principles to follow when setting type that help ensure consistency and high legibility.

Layout: Type Usage

Layout: Type Usage

For MSG Display, there’s only one default — all caps. Establishing a typographic hierarchy helps lead communication and make it visually driven. See the breakdown for various formats below.

For MSG Display, there’s only one default — all caps. Establishing a typographic hierarchy helps lead communication and make it visually driven. See the breakdown for various formats below.

Incorrect Usage

Incorrect Usage

Rules should be followed to ensure consistency and considered typesetting. Avoid the following.

Rules should be followed to ensure consistency and considered typesetting. Avoid the following.

Do not decrease the letter spacing below -5%

Do not increase the letter spacing above 5%

Do not alter the line height outside of the 96% - 125% range

Brand Motion

Next Page

Create a free website with Framer, the website builder loved by startups, designers and agencies.