App badge and M icon

Summary

Introduces the colourful M icon for small spaces: explanatory copy on the left, the rounded navy app tile holding the multicolour M top-right, and a dark phone-style push notification using the icon below.

Visual description

Off-white (#F2F8F3) background. Left: an outlined "App badge" pill, a deep-navy "App badge & icon" heading, and two short paragraphs explaining the brightened M icon is used in small spaces like app badges and social avatars. Right, upper: a large rounded-square deep-navy app tile containing the "M" mark built from teal, green and coral angled facets, captioned "Icon on app tile". Right, lower (bleeding off the bottom): a dark deep-navy panel with a soft-white notification card reading "Monzo / Today, 12:35" and "£5.08 at McDonald's" with a small burger emoji and the M icon, captioned "Minimised logo in app".

Key takeaway

Showing an app icon both in isolation (the tile) and in a real context (the push notification) on the same slide, so the mark's scale and legibility at small sizes are immediately credible. The faceted multicolour M against flat navy makes the icon pop.

Reuse notes

A good template for presenting an app/avatar mark distinct from a wordmark. Pair the clean tile with at least one in-situ usage; the notification mockup is a quick way to prove the icon works tiny.