M icon usage cases

M icon usage cases, minimal, light-mode, light

Preview image. Unlock full-res

Light slide showing the three sanctioned M-icon uses across three captioned cards: browser favicon, phone app badge and a performance-marketing ad.

Colorlight, muted
Elementscard, image, icon, badge
Palette
#F2F8F3
#FF4F40
#112231

Summary

Defines the three specific instances where the legacy M icon may be used, each shown on its own card: in small spaces (browser favicon), on an app badge (phone home screen), and on performance-marketing ads.

Visual description

Off-white (#F2F8F3) background. Top-left: an outlined "Our logo" pill, a deep-navy "M icon usage" heading, and a note that the legacy logo should only be used in three specific instances. Below, three large rounded cards in equal columns, each with a small caption above: "M Icon in small spaces" shows a browser window mockup with the M as favicon next to "Monzo - Online Banking" and a monzo.com address bar; "M icon on the app badge" shows a phone home-screen grid where the Monzo tile sits among FaceTime, Calculator, Instagram and other app icons; "M icon on performance marketing" shows a coral social ad with the M avatar and "Over 6 million people bank with Monzo". An "11" marker sits top-right.

Key takeaway

Constraining a legacy mark to an explicit, finite list of contexts and proving each with a realistic mockup. The three-card layout makes the permitted uses feel like a closed set rather than open-ended.

Reuse notes

A useful pattern when a brand keeps an older mark alive only for specific touchpoints. Mock each allowed use in its native environment (browser, OS, ad unit) so the boundary is unambiguous.

From this deck: M icon usage cases

View deck

More like this