Indexwriting
Writing indexNote / Jun 01, 2024

Field note / logo design / visual identity / graphic design

How I Think About Logo Proportion and Visual Weight

Proportion is the invisible hand behind every logo that feels right — here's how I control it deliberately.

Published
Jun 01, 2024
Length
3 min read / 612 words
Topics
logo design, visual identity, graphic design

The Feeling Has a Name

When a logo feels "off" — when something is wrong but the client can't say what — proportion is almost always the culprit. The mark feels too heavy for the wordmark. The symbol is too tall relative to its width. The spacing between icon and text doesn't feel right.

Proportion problems are felt before they're analyzed. Learning to name them makes you faster at finding and fixing them.

Visual Weight vs. Physical Size

Visual weight is not the same as physical size. A shape's visual weight is determined by a combination of size, color, density, and complexity.

A large light-colored shape may have less visual weight than a small dark-colored shape. A detailed complex form weighs more visually than a simple one at the same size. A shape with a lot of enclosed counter space weighs less than a solid form of the same dimensions.

When I'm balancing a combination mark — a symbol paired with a wordmark — I'm balancing visual weight, not physical dimensions. If I measure them to be the same height, they'll often be visually unbalanced because one has more density than the other.

The Height Alignment Question

The first proportion decision in any combination mark: how does the symbol height relate to the cap height of the wordmark?

There's no universal right answer, but there are useful defaults. Aligning the symbol height to the cap height of the wordmark creates a clean top-to-bottom alignment that feels organized. Aligning the symbol to the full x-height of the wordmark (shorter than cap height) makes the symbol feel tucked in and compact.

I try both and evaluate visually. The question is whether the two elements feel like they're in the same compositional plane — like they belong together rather than like they were placed in proximity.

Optical Centering

Mathematical centering and optical centering are different. A symbol placed mathematically halfway between the top and bottom of a wordmark's cap height often looks low. The eye reads the upper portion of a form as lighter, so a centered element appears to sag.

I optically center by nudging elements slightly above the mathematical center. How much depends on the specific forms involved — typically 3–5% of the element's height, but I evaluate by eye, not by formula.

This applies to centering within containing shapes too. A mark that lives inside a circle, square, or badge shape almost always needs to be nudged slightly above the mathematical center to look optically centered.

The Clear Space Proportion

Clear space around a logo — the minimum protected area that should contain nothing else — is typically defined as a proportion of the mark itself. I usually set clear space equal to the height of the logo mark's capital letter, or to the height of a key element like the x-height.

This proportion-based definition is more flexible than a fixed pixel or millimeter measurement because it scales with the mark at any reproduction size.

Fixing Proportion Problems

When a logo proportion feels wrong, my process:

  1. Identify which element feels heaviest — the symbol, the wordmark, or the spatial relationship between them
  2. Adjust that element — usually by changing its scale relative to the others, not by changing its design
  3. Re-evaluate visual weight after each adjustment
  4. Stop when the elements feel balanced and the mark feels like a single unified thing rather than parts placed near each other

The goal is a mark where the proportion feels inevitable — where any other ratio would feel wrong.