Wordmark clear space and minimum size

Wordmark clear space and minimum size, minimal, light-mode, light

Preview image. Unlock full-res

Light slide on wordmark spacing and minimum size, with two stacked diagram panels on the right showing clear-space construction over coral and navy.

Summary

Sets the wordmark's clear-space and minimum-size rules: explanatory copy on the left, and two stacked construction-diagram panels on the right showing the spacing geometry on coral and navy grounds.

Visual description

Off-white (#F2F8F3) background. Left: an outlined "Our logo" pill, a deep-navy "Usage" heading, copy describing leaving a Z's width of space around the wordmark and an M's width to other content, and a bolded "Never use the logo smaller in height than 20px on screen, or 3mm in print." Right, two stacked rounded panels: the top is deep navy with a white "monzo" boxed inside hot-coral spacing rules and faint ghosted "Z" guides; the bottom is hot coral with a white "monzo", "monzo.com", faint construction lines and a large ghosted "Brighter Banking" headline behind. Bottom-left of the slide repeats the "monzo" wordmark with a "Minimum Size 20px" note. An "08" marker sits top-right.

Key takeaway

Using ghosted letterforms (the "Z" and "M") as literal spacing units so the clear-space rule is shown, not just stated. Demonstrating the same construction on both a light-on-coral and light-on-navy panel covers the two real backgrounds in one slide.

Reuse notes

A solid clear-space / minimum-size page for a logo section. The letter-as-measurement device is memorable and translatable to any wordmark; pair it with an explicit minimum size in both px and mm as shown.

From this deck: Wordmark clear space and minimum size

View deck

More like this