How to specify logo clear space and minimum size

1. Separate three different decisions

Clear space protects the logo from nearby content. Minimum size keeps its details readable. Export padding is empty canvas included in a file. They interact, but one setting cannot replace the other two.

A large padded PNG can still contain a tiny logo. A perfectly sharp SVG can still be unreadable when displayed too small. And a tightly cropped SVG can obey the brand’s clear-space rule if the surrounding layout supplies that space.

Write these as placement instructions, not as a reconstruction grid. Recipients need to know how to use the approved artwork, not how many geometric modules supposedly explain its design. Keep an untouched master and document each approved variant separately.

2. Define a reference that survives scaling

Choose an unmistakable dimension within the mark, such as the height of a particular capital letter or the symbol. Name it X and show exactly where it starts and ends. Then specify the required distance on each side of the visible artwork.

The chosen amount is a design decision to test, not a universal law. Drexel’s published guidance uses half the height of its horizontal logo; BAUER’s guide uses the height of a particular character in its icon. Their rules illustrate different approaches, not numbers to copy into another brand.

For a combined symbol, wordmark and tagline, define whether all three belong to the protected artwork. Measure from the agreed outer bounds. If a small-use variant removes the tagline, give that variant its own diagram rather than leaving recipients to guess where X went.

Further reading: Drexel: a logo-height-based clear-space rule · BAUER: a character-based rule and lockup boundaries

3. Make the measurement unambiguous

Use one clean diagram per configuration. Show the approved logo, the visible artwork bounds, the protected outer boundary and the reference unit. Keep measurement marks outside the artwork and label them as instructions, not logo components.

Explain what must stay outside: nearby text, other logos, decorative elements and, where your rule requires it, the edge of the placement area. Specify exceptions only when approved. A sentence saying “leave enough room” is difficult to apply consistently.

If the artwork contains an intentional background panel, specify whether the boundary starts at that panel or at the internal mark. Otherwise two people can follow the same numerical rule and produce different layouts.

X is the capital height of the first letter in the wordmark. Leave at least 1× X between the outer artwork bounds and unrelated content on every side. This measurement includes the approved tagline as part of the artwork.

4. Set minimum sizes by testing the actual artwork

Prepare a descending size strip for each variant. Inspect the smallest gaps, counters, fine strokes and any tagline. Record the smallest size that remains acceptable in the intended use, then give the recipient a clear threshold rather than the entire experiment.

For digital work, test in the actual layout at the intended displayed size. State the width or height in CSS pixels when handing off web instructions. CSS pixels are not necessarily physical device pixels, and the pixel dimensions of a raster export are a separate quantity.

For print, inspect a proof at actual physical size and state millimeters or inches. Do not derive every print minimum from a screen screenshot. Specialist processes such as embroidery or foil may require different detail limits; ask the supplier to assess the artwork for that job.

When the main lockup fails, use an approved simpler variant or allocate more space. Do not silently remove a tagline, thicken strokes or compress the logo. Record the alternative and its own tested minimum.

Continue with: Prepare logo artwork for an embroidery supplier

Further reading: MDN: CSS values and pixel units

5. Decide who supplies the surrounding space

Padding is a delivery choice. Agree whether the recipient needs a tightly bounded asset for layout control or a padded file for simpler placement. Either approach needs an explanation because the file’s reported width may differ from the visible logo width.

If the artwork is 200 px wide with 20 px of padding on each side, the canvas is 240 px wide. Displaying the entire canvas at 120 px makes the visible logo 100 px wide. These are illustrative measurements, not recommended logo sizes.

6. Check the handoff with a fresh pair of eyes

Ask someone to place the logo using only the supplied files and instructions. If they measure from the wrong edge or count the padding twice, revise the handoff before delivery.

• ✓X names a visible, stable part of the approved artwork.
• ✓Each configuration has an explicit measurement boundary.
• ✓Digital and print minimums identify the measured dimension and unit.
• ✓Minimums were checked in the relevant medium.
• ✓Tight and padded files are clearly distinguished.
• ✓The guide identifies the approved alternative for smaller placements.

Keep the decisions with the package

Use logopack.app to organize exports from the approved SVG, then keep the spacing instructions alongside the files. Review exported bounds rather than assuming the package enforces every placement rule.

The supplied demo artwork can be exported with a free account while unchanged. Exporting your own artwork requires a paid plan. Review the generator and pricing before exporting.

Further reading: Open the generator · View plans