Symbol and Wordmark: How to Make Them Work Together

Most logo systems have two primary components: a symbol (the mark or icon) and a wordmark (the brand name in type). The relationship between these two elements — their proportional relationship, their spacing, their alignment — is a design problem that gets far less attention than the design of either component individually.

Getting this relationship wrong produces logos that look like two separate elements placed near each other rather than a unified system.

The Proportion Problem

The most common mistake: the symbol and wordmark are at the wrong relative scale. Either the symbol dominates to the point where the wordmark feels like a footnote, or the wordmark is so large that the symbol looks like a decorative accessory.

There's no universal correct proportion — it depends on the brand strategy and the specific components — but I find that a symbol height roughly equal to the cap height of the wordmark creates a balanced, co-equal relationship. Deviating from this should be intentional: a larger symbol signals that the mark is the primary recognition element (appropriate for brands pursuing mark-first recognition); a smaller symbol signals wordmark dominance.

Alignment Options

Horizontal lockup (symbol left, wordmark right) is the default and works in most contexts. It reads naturally in left-to-right cultures and fits standard horizontal layout spaces.

Stacked lockup (symbol above, wordmark below) produces a more formal, centered arrangement that suits some brands. It works well in square containers and for situations where the logo is displayed at medium-to-large scale.

Symbol-only versions, wordmark-only versions, and full combined lockups should all be part of the logo system. Different applications call for different configurations.

The Spacing Between Elements

The space between symbol and wordmark in a horizontal lockup needs to be carefully calibrated. Too tight and the elements feel like they're competing. Too loose and they don't read as a unified mark.

I typically set the space to approximately the cap height of the wordmark — this creates breathing room while keeping the relationship clear. I then adjust optically from this starting point.

This spacing value becomes a system variable: it's specified in the brand guidelines as a consistent ratio, so anyone constructing the lockup maintains the correct relationship.

Weight Compatibility

The symbol and wordmark need to feel like they have compatible visual weight. A delicate, hairline symbol paired with a heavy geometric wordmark will look like a brand identity created by two different designers — because it effectively was.

When I design logo systems, I evaluate symbol and wordmark together at every stage of development. The weight relationship is a design decision I make consciously, not something I check after both elements are finalized.

When to Use Each Configuration

Part of the logo system documentation I deliver is clear guidance on which configuration to use when:

Full lockup (symbol + wordmark): primary use, when space allows, for external-facing brand expression.

Symbol only: social media avatars, favicon, embroidery, contexts where full lockup is too small or too wide.

Wordmark only: contexts where the symbol isn't needed for recognition — internal documents, email signatures after brand recognition is established.

These guidelines prevent the inconsistent mixing of configurations that makes a brand look unmanaged over time.

The Adaptability Test

A strong combined logo should be adaptable to horizontal, stacked, and vertical configurations with proportional integrity maintained across all. I design all three configurations during the identity development process, not as afterthoughts.

If the components don't work in all configurations, I address this before delivery — either by adjusting the components themselves or by being explicit about which configurations are prohibited.