A well-designed logo placed badly still looks bad. A mediocre logo placed consistently and correctly looks more professional than an excellent logo applied randomly.
Logo placement is where brand consistency is either built or broken. Every time someone places the logo without a rule to follow, they make their own decision — and accumulated independent decisions produce visual inconsistency that erodes brand recognition over time.
This guide establishes the rules. Use them to create templates, brief designers, and train anyone who handles brand materials.
Clear Space: The First Rule of Logo Placement
Clear space is the minimum empty space that must be maintained around the logo in any application. It protects the logo from competing visual elements, ensures legibility, and signals that the brand has standards.
How clear space is defined: Typically as a proportion of the logo itself. The most common convention is "equal to the height of the capital letter in the wordmark" or "equal to the height of the symbol" on all four sides. This proportional definition means the clear space scales correctly whether the logo appears at 100px or on a billboard.
How to apply it: Before placing the logo, establish a mental (or literal) frame around it. No text, no other graphic element, no edge of a document or image enters that frame.
Common violations:
- Logo placed in the corner of a slide with no margin — the frame cuts into the clear space
- Logo overlapping a photograph where the image's content competes with the mark
- Multiple logos (partner brands, sponsor logos) placed too close together
- Decorative elements placed adjacent to the logo without respecting the clear space
Minimum Size
Every logo has a minimum size below which it becomes illegible. Using it below this size produces a smudged, unreadable mark that undermines the brand.
Typical minimum sizes:
- Print: 10mm wide for a simple wordmark; larger for complex marks
- Digital: 32px wide for the simplest version; often 60–80px for a standard wordmark
The minimum size determines which version to use. Most brands have three logo versions: the full primary logo, a simplified version (wordmark without symbol, or vice versa), and an icon-only version for small-scale use. At small sizes where the primary logo would be illegible, use the simplified or icon version. See responsive logo design for how to design this system.
Testing at minimum size: Place the logo at its intended minimum size on screen. Stand at normal viewing distance. If you can't read the wordmark, the minimum size is too small or the logo design needs a simplified version for small-scale use.
Background Versions and When to Use Each
Every brand should have at least two logo versions: one for light backgrounds and one for dark backgrounds.
Primary version (for light backgrounds): The dark-coloured logo on white or light background. The standard version used in most applications.
Reversed version (for dark backgrounds): A white or light version of the logo for dark, coloured, or photographic backgrounds. Many brands also have a solid colour version (the primary brand colour on white) as a third option.
The background rule: Match the logo version to the background. Light background → primary version. Dark background → reversed (white) version. Coloured background → evaluate contrast; if the primary brand colour is close to the background colour, use the reversed version.
What happens without this rule: Designers drop the dark logo on a dark background where it disappears, or use the white reversed version on a light background where it's unreadable. Both signal a brand with no standards.
Photography backgrounds: When placing a logo over a photograph, the logo must have sufficient contrast against the entire area it occupies — not just the average tone. Dark areas and light areas in a photograph vary. Options: place the logo on a uniform segment of the photo, place the logo on a solid-colour overlay, or use a logo lock-up with a background element that ensures contrast.
Position Conventions by Format
Different formats have established conventions for logo placement. Following these conventions makes branded materials feel coherent and professional.
Digital Formats
Website header: Top-left is the universal standard. Screen readers and users navigate to the logo expecting it in the top-left. Centre placement is acceptable for landing pages and single-brand experiences but unusual for multi-page sites.
Website footer: Repeated in the footer, typically left-aligned or centred. Often a smaller version than the header logo.
Email signature: Left-aligned below the contact information block, or right-aligned in line with the name. Consistent treatment is more important than specific placement.
Social media profiles: Profile image is the primary logo placement. Use the simplified or icon version of the logo where the circular crop is applied — the primary logo often crops poorly in a circle. Test the crop before finalising.
Social media posts: Top-left or bottom-right corner are conventional. Bottom-right keeps the logo out of the visual hierarchy while ensuring attribution. Top-left works for formats where the brand needs to lead.
Print Formats
Business cards: Front, typically bottom-right (logo as closing mark) or top-left (logo as opening mark). Consistent across the entire card run. Never centred and bottom-left on alternating cards.
Letterhead: Top of the page, left-aligned. The logo signals the document's origin immediately on first view.
Reports and proposals: Front cover, with clear space. Optional small repeat in the header or footer of interior pages for consistent attribution.
Brochures: Front cover, typically in the top-left or bottom-right. Back cover, repeated. Interior pages benefit from a small, consistent placement in a corner for consistent attribution without competing with content.
Packaging: Primary face, clearly visible. The logo should read from the primary viewing angle of the package. Consider that packaging is often viewed at a distance and in competitive shelf contexts — the logo needs to be large enough to read in context, not just on a desk.
Environmental Formats
Building signage: Logo at eye level or slightly above. Clear space on all sides — signage that crowds the logo with architectural elements undermines the brand signal.
Vehicle graphics: Logo on the driver and passenger side doors (primary viewing surfaces), typically centred or forward-positioned. Clear space from vehicle feature lines. Test that the logo reads at 30mph passing speed.
Exhibition stands and trade show displays: Logo at eye level from the booth's approach direction. Visible from the aisle view before the prospect enters the stand.
Staff uniforms and workwear: Left chest (over the heart) is the conventional position for embroidered logos. The simplified or icon version often works better than the full primary logo at embroidery scale.
Building Consistent Placement Through Templates
Consistent logo placement is a systems problem, not an individual decision problem. The solution is templates that lock logo position, size, and version for every recurring format.
What to lock in a template:
- Logo file (linked to the correct version, not copy-pasted)
- Position (exact pixel or mm from edges)
- Size (locked, not scalable by template users)
- Clear space guide layer (visible to template editors, hidden on output)
Tools for template management:
- Canva Pro or Adobe Express for marketing teams without design software
- Figma for design teams managing shared asset libraries
- InDesign for print-heavy organisations
The template rule: If someone can place the logo incorrectly, they will. Lock it. The alternative is inconsistency at scale. See brand guidelines explained for what complete brand guidelines should document about placement.
Logo Usage Mistakes to Document and Prevent
Document the specific incorrect usages you want to prevent. The most common:
Stretching or distorting the logo: Never change the aspect ratio. The logo should scale proportionally only.
Outline mode and decorative effects: Drop shadows, glows, outlines, and gradient effects applied to the logo in third-party software. These are logo violations that undermine brand quality.
Using an outdated version: After a rebrand or refresh, old logo files persist on shared drives and third-party platforms. A documented handoff and version replacement process prevents old logos reappearing.
Recreating the logo in unsuitable tools: Staff creating slide presentations or social posts sometimes type the brand name in a similar font rather than using the actual logo file. This is a brand violation — the logo is not the wordmark set in any font; it is the specific designed mark.
Placing on insufficient contrast backgrounds: The reversed white logo on a light photograph, or the primary logo on a dark background, where the contrast ratio is too low for comfortable reading.
For the most common logo problems and how to fix them, see logo design mistakes to avoid.
Need a complete brand asset system with placement guidelines?
We deliver brand identities with usage guidelines, placement specifications, and templates — everything your team needs to apply the brand correctly without a designer present.
Top-left is the universal standard for website logo placement. This is where users expect it based on decades of web convention, and it's where screen readers and accessibility tools navigate first. Centred placement works for specific landing page contexts or single-brand experiences, but for multi-page sites, top-left is the correct position. The logo should link to the homepage and appear at a consistent size across all pages.
Clear space is the minimum empty area that must be maintained around a logo in any application. It prevents competing visual elements from crowding or visually conflicting with the mark. Clear space is typically defined as a proportion of the logo itself — often equal to the height of the logo symbol or the capital letters in the wordmark, on all four sides. Without clear space, logos placed on busy backgrounds or next to other elements become harder to read and signal a brand with no visual standards.
Yes — for recurring formats, the logo should always appear in the same position. Consistent placement trains audiences to expect the brand signal where it appears, and it creates a visual system that signals organisational quality. Different formats (business cards, letterhead, website, social media) have appropriate conventions for their context. Within each format type, the position should be identical across all instances. Inconsistent placement is one of the most visible signs of a brand without standards.
Use the reversed version — typically white or light — on dark backgrounds. This ensures sufficient contrast for the logo to be legible. The primary (dark) logo version should only be used on white or light backgrounds where contrast is adequate. If your logo doesn't have an officially designed reversed version, this is a gap in your brand assets — the primary logo placed on dark backgrounds without a proper reversed version will either disappear or look wrong.
Minimum size depends on the logo design. A typical minimum is 10mm wide in print contexts and 32–60px wide in digital contexts for standard wordmarks. Complex logos with fine detail require larger minimum sizes to remain legible. The test: place the logo at its intended minimum size and check if the wordmark is clearly readable at a comfortable viewing distance. If not, use a simplified version (wordmark only, or icon only) at small sizes. Never scale the primary logo below the point where it becomes unreadable.
Three ways: first, provide clear brand guidelines that document what correct and incorrect usage looks like with visual examples. Second, create locked templates for every recurring format so the logo position, size, and version is pre-set and not a decision each person makes independently. Third, centralise the logo file distribution — one shared folder with correctly named files for each version, so people don't use outdated or incorrect files. Rules without templates produce inconsistency; templates without rules produce confusion when novel situations arise. Both are needed.