Designing Logo Lockups and Configuration Rules

A logo system isn't just a mark — it's a set of configured relationships between the mark, the wordmark, and any supporting elements like taglines or descriptors. These configurations, called lockups, determine how the logo appears across different applications. Getting the lockup system right saves enormous time and prevents inconsistent applications.

Why Lockups Matter

Without defined lockups, every designer who applies the logo makes an independent decision about how to arrange the components. The mark and wordmark end up in slightly different proportional relationships in different materials. The tagline sometimes appears, sometimes doesn't. The spatial gap between elements varies.

Defined lockups eliminate these variations by specifying exactly how components relate to each other in each approved configuration.

Primary and Secondary Lockups

The primary lockup is the logo's standard configuration — the arrangement used in most applications. For most organizations, this is the mark stacked above or beside the wordmark at a specified size relationship.

Secondary lockups are alternative configurations for contexts where the primary doesn't work: a horizontal lockup for applications where height is constrained, a stacked lockup for square applications, a mark-only version for small sizes or contexts where the wordmark is already established.

I specify each lockup with: the size relationship between components (the wordmark is always X% of the mark's width), the spatial gap between components (always Y% of the mark's height), and the alignment rules.

Clear Space Rules

Clear space is the minimum buffer around the logo that must remain free of other elements. It prevents the logo from being visually crowded by adjacent content.

I express clear space as a multiple of a unit derived from the logo itself — typically the height of a letter in the wordmark or a specific measurement within the mark. "Clear space on all sides equals the cap height of the wordmark" is a rule that scales with the logo rather than specifying a fixed measurement that doesn't adapt to size.

Color Configurations

Each lockup needs color variants: full color (the standard), reversed (white or light version for dark backgrounds), single color (black only, for contexts where color isn't available), and single color reversed (white only, for dark single-color contexts).

These variants need to be designed and approved rather than generated on the fly. An improperly reversed logo — wrong proportions, wrong clear space — is worse than no logo.

What Gets Prohibited

The logo misuse section of brand guidelines is often a list of absurd examples. But a few prohibitions are worth documenting explicitly because they happen constantly: stretching or distorting the proportions, placing the logo on backgrounds that create insufficient contrast, rearranging the components outside the approved lockups, and adding outlines or effects to the logo.

Showing these examples, even briefly, helps non-designers understand why the rules exist.