{"course":{"slug":"vector-and-print","title":"Vectors, Logos and Things That Get Printed","url":"https://addaly.com/learn/vector-and-print","level":"beginner","track":"create"},"lesson":{"slug":"lockups-clear-space-minimum-size","title":"Lockups, clear space and the smallest it may ever be","url":"https://addaly.com/learn/vector-and-print/lockups-clear-space-minimum-size","position":41,"of":73,"minutes":8,"answer":"Define separate lockups rather than letting somebody scale one to fit, express internal spacing and clear space as multiples of an internal measure so they stay true at any size.","keyIdea":"Define separate lockups rather than letting somebody scale one to fit, express internal spacing and clear space as multiples of an internal measure so they stay true at any size, and arrive at minimum sizes empirically by printing on the worst printer available."},"body":{"format":"markdown","text":"## A logo is a small family, not one file\n\nA mark that only exists in one arrangement will be rearranged by somebody else, badly. So you define the arrangements.\n\n- **Primary lockup.** The one to use unless there is a reason not to. Usually icon plus wordmark, horizontal.\n- **Secondary lockup.** Stacked, for narrow spaces: a shop board that is tall, a pull-up banner, a column on a page.\n- **Icon only.** For app icons, profile pictures, favicons, embroidery on a cap.\n- **Wordmark only.** For a sponsor strip or wherever the icon is too small to read.\n\nThree or four files, each drawn and spaced deliberately. Scaling the horizontal one to fit a tall space is exactly what the stacked version exists to prevent.\n\n## Relative spacing is the whole trick\n\nWithin a lockup, space between the icon and the wordmark must be defined in terms of the mark itself, not in millimetres. Millimetres stop being true the moment somebody scales it.\n\nThe convention: express every distance as a multiple of some internal measure — the cap height, the stroke width, or the height of the icon. \"Gap = 0.5 × icon height\" is true at 12 mm and at 12 m.\n\n## Clear space\n\nClear space is the exclusion zone nobody may put anything into. Without it, your mark ends up 2 mm from a headline and looks like part of it.\n\nDefine it in the same relative way. The common conventions:\n\n- **The height of a letter from the wordmark**: often the cap height, or the height of the \"o\". Easy for anyone to measure by eye.\n- **A proportion of the icon**: 25% or 50% of its height.\n- **The width of the widest stroke** × some number.\n\nDraw it. In your usage sheet, show the mark inside a rectangle with the clear space marked out in the chosen unit, with the unit itself drawn beside it. A picture of the rule is understood; a sentence describing it is not.\n\nSet it generously. People will encroach, and a generous zone encroached on still looks fine.\n\n## Minimum size, stated twice\n\nTwo different numbers, because two different worlds:\n\n- **For print**, in millimetres of the lockup's width. \"Minimum 25 mm wide.\"\n- **For screen**, in pixels of the lockup's height or width. \"Minimum 120 px wide.\"\n\nThey are not convertible, because screens vary and print does not. State both.\n\nArriving at the numbers is empirical, not theoretical:\n\n1. Print the lockup at a range of widths on the worst printer you can find: an office laser on ordinary paper.\n2. Look at it from 40 cm.\n3. The smallest one where the smallest element is still clearly itself, plus 20%, is your minimum.\n\nDo the same on a phone for the pixel figure. Actual devices, not a zoomed view on your monitor.\n\nThen state the *separate* minimum for the icon alone, which will be much smaller, and for embroidery, which will be much larger.\n\n> Figure: Minimum sizes, arrived at by printing. Bars (mm wide, minimum): Icon alone 8; Stacked lockup 22; Primary lockup 25; Lockup with the tagline 45; Embroidered lockup 60. These are not convertible from one another and none of them is a theoretical number. Print the lockup at a range of widths on the worst printer you can find, look from 40 cm, take the smallest one that still reads and add twenty per cent.\n\n## Responsive marks\n\nLarge organisations increasingly ship a graded set: full lockup for large use, reduced lockup for medium, simplified icon for small, single letter for tiny. Each one is drawn for its size rather than scaled.\n\nFor a small client, do not build four. Build two (full lockup and icon) and say clearly which is used below the minimum size. Four versions that nobody maintains is worse than two that are used correctly.\n\n## What not to allow, and how to say it\n\nThe usage sheet needs a short \"do not\" list, and it should be short enough to read:\n\n- Do not stretch or condense it.\n- Do not rotate it.\n- Do not change the colours.\n- Do not add effects, shadows or outlines.\n- Do not place it on a busy background without the plated version.\n- Do not redraw or re-set the wordmark.\n\nSix lines, each with a small crossed-out example beside it. People follow pictures; they skim rules.\n\n## Test the rules against a real layout\n\nBefore you publish the usage sheet, build one page using only what it permits: a letterhead, or a poster, or the shop board. If you find yourself wanting to break your own clear-space rule to make it fit, the rule is too generous and you should change it now rather than teaching the client that the rules are optional.\n\nThis also catches the common omission: a lockup that works on white but has no defined behaviour on the brand colour itself. If the primary colour is a deep blue and the wordmark is that same blue, the mark disappears on its own brand background. Somebody will try it in the first month. Decide now what happens, supply that file, and put it on the sheet."},"check":{"question":"A brand sheet specifies clear space around a logo as \"8 mm on all sides\". The logo is later used at 2 m wide on a shop board and looks cramped against the fascia edge. What is wrong with the specification itself?","options":[{"text":"Clear space should be specified as a percentage of the available space rather than of the mark.","correct":false,"tempting":"A percentage of the surrounding space makes the zone depend on the layout rather than on the mark, which changes the relationship every time."},{"text":"An absolute distance does not scale with the mark, so 8 mm is generous at 25 mm wide and negligible at 2 m.","correct":true},{"text":"Clear space rules do not apply to signage, which is governed by the fabricator's mounting requirements instead.","correct":false,"tempting":"Clear space applies wherever the mark appears; fabrication constraints are additional, not a replacement."},{"text":"8 mm is below the printing industry's standard minimum clear space of 10 mm for any applied mark.","correct":false,"tempting":"There is no such industry standard. Clear space is defined per mark by its designer, in relative units."}]},"prev":{"slug":"construction-and-the-golden-ratio","title":"Real construction, and the golden-ratio story","url":"https://addaly.com/learn/vector-and-print/construction-and-the-golden-ratio"},"next":{"slug":"hostile-backgrounds","title":"Reversed, on a photograph, and in one thread","url":"https://addaly.com/learn/vector-and-print/hostile-backgrounds"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Lockups, clear space and the smallest it may ever be', in Vectors, Logos and Things That Get Printed. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/vector-and-print/lockups-clear-space-minimum-size (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Lockups, clear space and the smallest it may ever be","courseTitle":"Vectors, Logos and Things That Get Printed","module":{"index":5,"slug":"designing-a-mark","title":"Designing a mark"},"answer":null,"keyIdea":"Define separate lockups rather than letting somebody scale one to fit, express internal spacing and clear space as multiples of an internal measure so they stay true at any size, and arrive at minimum sizes empirically by printing on the worst printer available.","hero":{"kind":"figure","figure":{"t":"figure","label":"Figure","figure":{"type":"bars","unit":"mm wide, minimum","title":"Minimum sizes, arrived at by printing","series":[{"label":"Icon alone","value":8},{"label":"Stacked lockup","value":22},{"label":"Primary lockup","value":25},{"label":"Lockup with the tagline","value":45},{"label":"Embroidered lockup","value":60,"highlight":true}],"caption":"These are not convertible from one another and none of them is a theoretical number. Print the lockup at a range of widths on the worst printer you can find, look from 40 cm, take the smallest one that still reads and add twenty per cent."},"alt":"Figure: Minimum sizes, arrived at by printing. Bars (mm wide, minimum): Icon alone 8; Stacked lockup 22; Primary lockup 25; Lockup with the tagline 45; Embroidered lockup 60. These are not convertible from one another and none of them is a theoretical number. Print the lockup at a range of widths on the worst printer you can find, look from 40 cm, take the smallest one that still reads and add twenty per cent."}},"blocks":[{"t":"h2","id":"a-logo-is-a-small-family-not-one-file","runs":[{"text":"A logo is a small family, not one file"}]},{"t":"p","runs":[{"text":"A mark that only exists in one arrangement will be rearranged by somebody else, badly. So you define the arrangements."}]},{"t":"ul","items":[[{"text":"Primary lockup.","b":true},{"text":" The one to use unless there is a reason not to. Usually icon plus wordmark, horizontal."}],[{"text":"Secondary lockup.","b":true},{"text":" Stacked, for narrow spaces: a shop board that is tall, a pull-up banner, a column on a page."}],[{"text":"Icon only.","b":true},{"text":" For app icons, profile pictures, favicons, embroidery on a cap."}],[{"text":"Wordmark only.","b":true},{"text":" For a sponsor strip or wherever the icon is too small to read."}]]},{"t":"p","runs":[{"text":"Three or four files, each drawn and spaced deliberately. Scaling the horizontal one to fit a tall space is exactly what the stacked version exists to prevent."}]},{"t":"h2","id":"relative-spacing-is-the-whole-trick","runs":[{"text":"Relative spacing is the whole trick"}]},{"t":"p","runs":[{"text":"Within a lockup, space between the icon and the wordmark must be defined in terms of the mark itself, not in millimetres. Millimetres stop being true the moment somebody scales it."}]},{"t":"p","runs":[{"text":"The convention: express every distance as a multiple of some internal measure, the cap height, the stroke width, or the height of the icon. “Gap = 0.5 × icon height” is true at 12 mm and at 12 m."}]},{"t":"h2","id":"clear-space","runs":[{"text":"Clear space"}]},{"t":"p","runs":[{"text":"Clear space is the exclusion zone nobody may put anything into. Without it, your mark ends up 2 mm from a headline and looks like part of it."}]},{"t":"p","runs":[{"text":"Define it in the same relative way. The common conventions:"}]},{"t":"ul","items":[[{"text":"The height of a letter from the wordmark","b":true},{"text":": often the cap height, or the height of the “o”. Easy for anyone to measure by eye."}],[{"text":"A proportion of the icon","b":true},{"text":": 25% or 50% of its height."}],[{"text":"The width of the widest stroke","b":true},{"text":" × some number."}]]},{"t":"p","runs":[{"text":"Draw it. In your usage sheet, show the mark inside a rectangle with the clear space marked out in the chosen unit, with the unit itself drawn beside it. A picture of the rule is understood; a sentence describing it is not."}]},{"t":"p","runs":[{"text":"Set it generously. People will encroach, and a generous zone encroached on still looks fine."}]},{"t":"h2","id":"minimum-size-stated-twice","runs":[{"text":"Minimum size, stated twice"}]},{"t":"p","runs":[{"text":"Two different numbers, because two different worlds:"}]},{"t":"ul","items":[[{"text":"For print","b":true},{"text":", in millimetres of the lockup’s width. “Minimum 25 mm wide.”"}],[{"text":"For screen","b":true},{"text":", in pixels of the lockup’s height or width. “Minimum 120 px wide.”"}]]},{"t":"p","runs":[{"text":"They are not convertible, because screens vary and print does not. State both."}]},{"t":"p","runs":[{"text":"Arriving at the numbers is empirical, not theoretical:"}]},{"t":"ol","start":1,"items":[[{"text":"Print the lockup at a range of widths on the worst printer you can find: an office laser on ordinary paper."}],[{"text":"Look at it from 40 cm."}],[{"text":"The smallest one where the smallest element is still clearly itself, plus 20%, is your minimum."}]]},{"t":"p","runs":[{"text":"Do the same on a phone for the pixel figure. Actual devices, not a zoomed view on your monitor."}]},{"t":"p","runs":[{"text":"Then state the "},{"text":"separate","i":true},{"text":" minimum for the icon alone, which will be much smaller, and for embroidery, which will be much larger."}]},{"t":"h2","id":"responsive-marks","runs":[{"text":"Responsive marks"}]},{"t":"p","runs":[{"text":"Large organisations increasingly ship a graded set: full lockup for large use, reduced lockup for medium, simplified icon for small, single letter for tiny. Each one is drawn for its size rather than scaled."}]},{"t":"p","runs":[{"text":"For a small client, do not build four. Build two (full lockup and icon) and say clearly which is used below the minimum size. Four versions that nobody maintains is worse than two that are used correctly."}]},{"t":"h2","id":"what-not-to-allow-and-how-to-say-it","runs":[{"text":"What not to allow, and how to say it"}]},{"t":"p","runs":[{"text":"The usage sheet needs a short “do not” list, and it should be short enough to read:"}]},{"t":"ul","items":[[{"text":"Do not stretch or condense it."}],[{"text":"Do not rotate it."}],[{"text":"Do not change the colours."}],[{"text":"Do not add effects, shadows or outlines."}],[{"text":"Do not place it on a busy background without the plated version."}],[{"text":"Do not redraw or re-set the wordmark."}]]},{"t":"p","runs":[{"text":"Six lines, each with a small crossed-out example beside it. People follow pictures; they skim rules."}]},{"t":"h2","id":"test-the-rules-against-a-real-layout","runs":[{"text":"Test the rules against a real layout"}]},{"t":"p","runs":[{"text":"Before you publish the usage sheet, build one page using only what it permits: a letterhead, or a poster, or the shop board. If you find yourself wanting to break your own clear-space rule to make it fit, the rule is too generous and you should change it now rather than teaching the client that the rules are optional."}]},{"t":"p","runs":[{"text":"This also catches the common omission: a lockup that works on white but has no defined behaviour on the brand colour itself. If the primary colour is a deep blue and the wordmark is that same blue, the mark disappears on its own brand background. Somebody will try it in the first month. Decide now what happens, supply that file, and put it on the sheet."}]}],"check":{"question":[{"text":"A brand sheet specifies clear space around a logo as “8 mm on all sides”. The logo is later used at 2 m wide on a shop board and looks cramped against the fascia edge. What is wrong with the specification itself?"}],"options":[{"text":[{"text":"Clear space should be specified as a percentage of the available space rather than of the mark."}],"correct":false,"tempting":[{"text":"A percentage of the surrounding space makes the zone depend on the layout rather than on the mark, which changes the relationship every time."}]},{"text":[{"text":"An absolute distance does not scale with the mark, so 8 mm is generous at 25 mm wide and negligible at 2 m."}],"correct":true,"tempting":null},{"text":[{"text":"Clear space rules do not apply to signage, which is governed by the fabricator’s mounting requirements instead."}],"correct":false,"tempting":[{"text":"Clear space applies wherever the mark appears; fabrication constraints are additional, not a replacement."}]},{"text":[{"text":"8 mm is below the printing industry’s standard minimum clear space of 10 mm for any applied mark."}],"correct":false,"tempting":[{"text":"There is no such industry standard. Clear space is defined per mark by its designer, in relative units."}]}],"order":[3,2,1,0],"why":null},"prev":{"slug":"construction-and-the-golden-ratio","title":"Real construction, and the golden-ratio story","minutes":8},"next":{"slug":"hostile-backgrounds","title":"Reversed, on a photograph, and in one thread","minutes":8}}}