Clear space is the area around a logo that nothing else may enter: no text, no other logos, no photography, no page edge. It is one of the first rules in any brand guideline and one of the most often broken, usually because it was documented in a way nobody could apply. This article explains how clear space is defined, how to draw it in Illustrator step by step, how to present it in a guideline, and the mistakes that make the rule unusable. The last section shows how to generate it automatically.
What clear space is, and why it is a proportion
A logo appears at 12 mm on a business card and at 3 m on a building. A rule written in pixels or millimetres cannot survive that range, so clear space is written as a proportion of the logo itself. Guidelines pick a unit, almost always called X, taken from a dimension of the mark: the height of the logomark, the cap height of the wordmark, or the height of one letter in the wordmark. Because X scales with the logo, the rule holds at every size, and anyone applying it needs only a ruler.
Which dimension you choose matters less than choosing one that exists in every lockup. If the logomark is present in every version, its height is the natural unit. If the wordmark can appear on its own, define X from its cap height, or from a specific letter, so that the unit is visible inside the artwork.
The common conventions
Many guidelines document more than one distance, because the generous rule that looks right on a poster is impossible in a co-branding strip. The labels vary, but the proportions tend to fall on a simple ladder.
| Zone | Distance from the logo | Where it applies |
|---|---|---|
| Exclusion zone | X | Stationery, signage, covers, any layout with room |
| Optimum clear space | X/2 | Everyday use: documents, web headers, slides |
| Minimum clear space | X/4 | Tight placements: partner lockups, footers, small print |
Some brands skip the ladder and state a single value, often the height of a lowercase letter or the width of a counter. That is fine as long as the reference is drawn on the page. A rule that says "clear space equals the height of the o", with the o highlighted, is easier to apply than "clear space equals 0.5X" with X defined in a footnote.
Draw it by hand in Illustrator
The steps below assume a finished logo in a master file. Work on a copy, or on a separate locked layer, so the artwork itself is never touched.
1. Prepare the file
Put the logo on its own layer and lock it (Window > Layers, F7). Create a new layer above it named Clear space. If the wordmark is still live type, select it and choose Type > Create Outlines (Shift+Cmd+O, Shift+Ctrl+O on Windows) on this copy: a text object's bounds include leading and side bearings, and you want the bounds of the letters, not of the text box. If the mark uses strokes or effects, either expand them (Object > Expand Appearance, then Object > Expand) or turn on Use Preview Bounds under Illustrator > Settings > General (Edit > Preferences > General on Windows) so the Transform panel measures the visible edge.
2. Measure the reference
Select the logomark alone and open Window > Transform (Shift+F8). Read W and H. Decide which one is X and write the number down, ideally in the layer name: Clear space, X = 24 mm (mark height). If your reference is the cap height of the wordmark, select one outlined capital on its own and read H.
3. Draw the exclusion rectangle
Select the whole logo, the mark and the wordmark together, set the reference point in the Transform panel to the top left corner, and note X, Y, W and H. Pick the Rectangle tool (M), click once on the artboard, enter the same W and H, then type the same X and Y into the Transform panel with the same reference point. You now have a rectangle that matches the bounding box of the logo exactly.
With the rectangle selected, choose Object > Path > Offset Path, enter X as the offset, set Joins to Miter and click OK. Illustrator creates a second rectangle X larger on every side: that is the exclusion zone. Repeat from the bounding box with X/2 and X/4 if you document an optimum and a minimum.
Offset Path applied directly to the logo would trace its contour rather than draw a rectangle, which is why the bounding box comes first.
4. Style the zones
Give the rectangles no fill and a thin stroke; 0.5 pt is plenty. Open Window > Stroke (Cmd+F10, Ctrl+F10 on Windows), tick Dashed Line, enter a 3 pt dash and a 3 pt gap, and enable the option that aligns dashes to corners and path ends so the corners stay clean. Use a colour that does not belong to the brand, magenta or cyan, so nobody mistakes the zone for artwork. Add the unit: draw a small square of X by X sitting between the logo and the exclusion edge and label it X with a short caption.
5. Convert to guides
For your own working file, guides are cleaner than paths. Make the Clear space layer active, select the rectangles and choose View > Guides > Make Guides (Cmd+5, Ctrl+5 on Windows). The rectangles become rectangular guides that snap like any other guide. Lock them with View > Guides > Lock Guides (Cmd+Opt+;, Ctrl+Alt+; on Windows) and toggle them with Cmd+; (Ctrl+; on Windows). Guides lose the dash pattern, so keep a dashed copy on a hidden layer for the guideline page. View > Guides > Release Guides (Cmd+Opt+5, Ctrl+Alt+5 on Windows) turns them back into paths when you need to edit them.
How to show it in guidelines
One page per lockup is the usual layout: the logomark alone, the horizontal logo, the stacked logo, and the wordmark alone if it is allowed. Each page shows the logo at a comfortable size, the exclusion boundary as a dashed rectangle, the X unit as a small marked square, and one sentence that states the rule in words: keep an area equal to X free of text, imagery and other marks on every side; X is the height of the logomark. If you document an optimum and a minimum, draw both and label the minimum as the minimum, so nobody reads the tighter value as the default.
Minimum size is a different rule, but it belongs on the same spread, because the two questions arrive together: how small can it go, and how much room does it need.
Keep the dashed rectangles out of the delivered logo files. Clear space is documentation. An SVG that carries a stray dashed box is a support ticket waiting to happen.
Mistakes that make the rule unusable
- Documenting in pixels. A 20 px clear space means nothing at 3 m and nothing to a print vendor. Define it as a proportion and, if you must, give one worked example in millimetres.
- Forgetting the wordmark. If the wordmark can appear alone, it needs its own clear space, with a reference taken from its own letters.
- Inconsistent references. One page derives X from the mark height, the next from the cap height of the wordmark, and the resulting zones are not the same proportion. Pick one reference, or state both explicitly with a drawing.
- Measuring the text box. Live type measures wider and taller than its glyphs. Outline a copy before measuring.
- Ignoring strokes and effects. A stroked mark measured without Use Preview Bounds gives an X that is too small.
- Shipping the zone inside the logo. The dashed rectangle belongs in the guideline, not in the SVG the developer receives.
- Not revising it. A refined mark with a taller counter changes X. Rebuild the zones whenever the logo moves.
Questions
Should X come from the logomark or the wordmark?
From whichever element appears in every lockup. If the logomark is always present, use its height, because it stays the same whether the wordmark sits beside it or below it. If the wordmark can stand alone, define a second X from its cap height and show both, each on its own page, so nobody has to guess which one applies.
Is X/2 enough clear space?
For everyday placements, usually yes, which is why many guidelines call it the optimum. The full X is the generous default for layouts with room, and X/4 is the floor for partner strips and small print. Whatever you choose, draw it next to the logo. A proportion the reader can see is applied far more often than one they have to compute.
Can I turn the clear space into Illustrator guides?
Yes. Select the dashed rectangles and choose View > Guides > Make Guides, Cmd+5 on macOS or Ctrl+5 on Windows. The shapes become guides on the active layer, snap like any other guide, and can be locked with View > Guides > Lock Guides. Keep a copy of the dashed version on a hidden layer, because guides do not keep the dash pattern.
Is there a logo clear space generator?
Free scripts on the Adobe forums can offset a rectangle around a selection, and any of them saves a few minutes once you have decided on X. The manual method above takes about ten minutes per lockup. Anchr Grid, described below, does the measuring, the three zones and the layers in one step, and can convert the result to native guides.
Do it in one click
Anchr Grid is the grid tab of the Anchr Tools panel for Illustrator. Select the logomark, or the mark and the logotype together, and choose the clear space guide. X is taken from the larger dimension of the selection, or you can type it in px, cm or in. Grid then draws the exclusion zone (X), the optimum clear space (X/2) and the minimum clear space (X/4) as dashed zones on named layers, and the artwork itself is never modified. A Make Guides button converts those layers into native Illustrator guides when you want to work with them rather than document them. Every plan includes all five tools, with a 7 day trial; see pricing or install the panel.