Logo size and spacing: a practical visual guide
A promising symbol and font can still look unprofessional when the proportions are wrong. Spacing is one of the fastest ways to improve a logo without changing its core idea.
Start with the visual weight, not the measured width
Two elements with the same pixel width can feel very different. A solid symbol appears heavier than thin text, so balance the way the elements look rather than matching their numeric dimensions exactly.
Set a comfortable icon-to-text gap
The symbol should feel connected to the wordmark without touching it. A gap that is roughly related to the height of a letter often creates a good starting point, then visual adjustment finishes the balance.
Keep the slogan clearly secondary
A slogan should support the name, not compete with it. Use a smaller size, simpler weight, and enough separation that the hierarchy is obvious at a glance.
Use different proportions for different layouts
An icon-above layout can use a larger symbol because the composition is centered. An icon-left layout usually needs a smaller symbol and a tighter but still visible horizontal gap.
Protect clear space around the logo
Do not place text, borders, or images directly against the mark. A simple clear-space rule based on the height of a key letter keeps the identity readable in many contexts.
Test the final size, not only the editor canvas
Preview the logo at the size of a website header, social avatar, business card, and mobile screen. Problems hidden by a large canvas become obvious immediately.
Set minimum size and clear space
Turn visual judgement into repeatable rules other people can follow without redesigning the logo.
Print and display the logo at several sizes. Identify the point where the smallest letters, gaps, or symbol details begin to fail. Then define clear space using a repeatable element from the logo, such as the height of a capital letter or a feature of the mark.
Primary lockup
Test: Reduce it until the business name or slogan becomes uncomfortable to read.
Decision: Set the minimum size one step above that failure point.
Compact lockup
Test: Use the symbol or monogram when horizontal space is limited.
Decision: Approve it when recognition improves without changing the identity.
Clear-space rule
Test: Place text, borders, and images just outside the proposed protected area.
Decision: Increase the space when surrounding elements compete with the logo silhouette.
- Test actual-size output
- Define separate digital and print minima
- Create a compact alternative
- Use one measurable clear-space unit
Write the rule with a diagram and a real unit. Avoid statements such as give the logo enough room; specify the minimum size and the clear-space measurement for each approved lockup.
Apply the guide to your own brand
Create a few focused directions, then compare them using the checks above.