Monzo Brand codes overview grid

Monzo Brand codes overview grid, minimal, light-mode, light

Preview image. Unlock full-res

Pale-mint identity-overview slide titled Brand codes, with an eight-tile grid summarizing logo, color, type, art direction, product, icons, UI and illustration.

Summary

The identity-overview summary slide, "Brand codes", laying out the whole system as an eight-tile grid of labeled cards (logo, colour, type, art direction, product, icons, UI, illustration).

Visual description

Very pale mint-green (#EEF3EE) full-bleed background. A small outlined "Identity overview" pill sits top-left, "80" top-right. A large near-black headline reads "Brand codes" with a one-line subhead, "These are the elements that make up our brand." Below, a 4-by-2 grid of rounded cards, each labeled along its bottom: a coral "monzo" Logo tile; a Colour palette tile (a coral block beside a vertical stack of brand swatches); a white Typography tile showing coral "A warm buzz." display type with a caption naming Oldschool Grotesk Compact Extra Bold and Monzo sans; an Art direction tile with a candid photo of a smiling woman; a Product visualisation tile (hand-and-phone lifestyle photo); a navy Iconography tile with four colored app-style icons; a UI elements tile showing teal balance widgets and an "Eating" budget card; and an Illustrations tile with the pink-and-teal scissors collage on navy.

Key takeaway

The single recap grid that compresses an entire brand system into eight labeled tiles, each a literal sample rather than a description. It works as a one-glance index of everything covered, and the consistent bottom-label-on-card format keeps it tidy across very different content.

Reuse notes

An excellent closing or "system at a glance" slide for any brand or identity deck. Reusable as a components/overview grid on a design-system site. Each tile should show a real artifact, not a placeholder, for the recap to carry weight.

From this deck: Monzo Brand codes overview grid

View deck

More like this