Logo Clear Space: NHS Pixel Minimums (30px) and Studio Ready Rules

  1. Home
  2. »
  3. Blog
  4. »
  5. Logo Clear Space: NHS Pixel Minimums (30px) and Studio Ready Rules

Logo clear space is the minimum unobstructed area around a mark that must stay free of type, imagery and other graphics. The practical rule is simple: measure a proportional unit taken directly from the logo, such as a symbol’s width or an uppercase letter’s height, and apply that same gap on every side. UK public-sector guidelines from ONS, the UK Space Agency and NHS England all build their clear-space rules this way.


TL;DR:

  • Measure clear space from the logo itself, using a unit such as symbol width or uppercase letter height, and apply it equally on every side.
  • NHS England sets digital margins at 30 pixels for desktop, 20 for tablet, and 15 for mobile, but each applies only to its specified logo size.
  • If full spacing will not fit, use an approved compact mark, alternate lockup, or documented exception; never shrink the primary logo or trim its protected zone.
  • Keep partner marks outside their own exclusion zones, and check page edges separately because the logo’s protected area is not a canvas margin.
  • Check desktop, tablet, and mobile layouts against the actual background; a measured clear zone cannot prevent busy imagery from reducing legibility.

Kukoocreative
Give Your Logo Room to Be Recognised
Kukoocreative creates logos and websites that build brand recognition and connect your business with the people who matter most.

Explore Kukoocreative

Table of Contents

Why clear space protects legibility and brand impact

Surrounding text, photography and competing logos all fight for a viewer’s attention. When a mark sits too close to that visual noise, the eye struggles to isolate it, and recognition drops before the message even lands. Clear space works like a buffer: it gives the mark room to be read as a single, deliberate shape rather than one more element competing in a crowded layout.

This is why ONS, the UK Space Agency and NIHR all frame clear space the same way: as a protection rule, not a styling choice. The guidance consistently ties the empty zone to visibility, impact, legibility and readability rather than treating it as decorative padding around a graphic.

In practice, nothing should cross into that zone. That includes:

  • Body text, headlines or captions
  • Other logos, including partner or sponsor marks
  • Photography, illustration or background patterns
  • The edge of the page, screen or canvas itself

A logo that passes every other quality check can still fail at the point of use if this single rule gets ignored, which is exactly why it sits at the front of most serious brand guidelines.

How to measure clear space: proportional units and construction

Fixed measurements break down the moment a logo gets resized, so professional guidelines anchor clear space to a unit taken from the logo itself. The most common choices are:

  1. Symbol width, used where a logo has a distinct icon or mark alongside the word mark.
  2. Uppercase letter height, often written as “X”, taken from a letter in the logotype.
  3. A repeating element, such as a dot or stroke width, where the logo design includes one.

ONS brand guidelines set the minimum clear zone as the width and depth of the ONS symbol itself, so the space always scales with the symbol rather than staying fixed in millimetres. The UK Space Agency’s branding guidelines take a related approach, using uppercase-letter height as the internal unit and applying it consistently around the mark.

Once a unit is chosen, the construction method stays the same across identities:

  • Pick the internal unit from the vector master file, never from a scaled export.
  • Measure that unit from the logo’s visible edge, not from its bounding box.
  • Apply the identical distance on all four sides.
  • Record the rule in the brand guidelines as a multiple of the unit, for example “1x” or “0.5x”, so any designer can reproduce it at any size.

Fixed pixel or millimetre values still matter for digital use, but they should be derived from the proportional rule rather than replacing it. Convert the unit to pixels at the specific size a logo will appear on screen, then treat that pixel figure as a minimum for that context only, not as the identity’s universal rule.

Clear space rarely stays identical between a printed sign and a mobile screen, because viewing distance and resolution change what “enough space” means. NHS England’s guidance reflects this directly, setting the exclusion zone at the full logo height for print and only half the logo height for digital use, alongside specific pixel margins for different screen sizes.

Print and digital logo clear-space comparison

NHS England’s pixel guidance gives a concrete starting point: a 30-pixel margin around a 40-pixel desktop logo, 20 pixels around a 35-pixel tablet logo and 15 pixels around a 30-pixel mobile logo, all stated as minimums rather than targets.

For responsive layouts, a few practical habits keep the rule intact:

  • Export logos as SVG where possible, so clear space scales cleanly instead of pixelating at larger sizes.
  • Test the logo at desktop, tablet and mobile widths before sign-off, not just at one reference size.
  • Treat any published pixel minimum as specific to that identity and that screen size, never as a transferable industry standard.

A useful working formula, purely as an illustration: if a digital logo renders at height H in pixels, a margin of roughly 0.75H gives comfortable breathing room before checking the identity’s own published minimum. That ratio is an example for thinking through the problem, not a fixed rule to copy into a brand guideline.

When space is constrained: approved alternatives and exceptions

Tight layouts, like a business card corner or a narrow app icon, often cannot fit the full preferred clear space. The answer is never to shrink the logo until it fits; it is to use an option the identity system already provides for exactly this situation.

Acceptable routes typically include:

  • An approved compact mark designed for small or cramped placements.
  • An alternate lockup that rearranges elements without breaking proportions.
  • A documented, reduced exclusion zone that the guidelines explicitly permit as an exception.

Guidance from the University of Exeter and the Open University both supply compact versions or small-format allowances rather than leaving designers to improvise. The Open University’s approach includes a documented flexibility rule for small-format use, which keeps the hierarchy of elements intact even when space runs short.

Pro Tip: Before reaching for an exception, check whether an approved compact variant already solves the problem. It usually does.

When no approved option fits, test legibility at the actual size first, then record the decision, the artwork used and the reasoning in the guidelines so the exception never gets treated as the new default.

Practical checklist: applying clear space to real layouts

Before approving any logo placement, run through a short set of checks rather than relying on a visual guess.

  1. Measure the identity’s internal unit and apply it equally on all four sides.
  2. Confirm the logo meets its published minimum size at this placement.
  3. Preview the logo against any background image or colour, not just on white.
  4. Check the layout at desktop, tablet and mobile widths.
  5. Verify that partner or sponsor logos sit outside the protected zone, not just near it.
  6. Review favicon and app-icon versions separately, since these often use a compact mark rather than the full logo.

If a layout fails any of these checks, the fix is almost always a smaller logo with full clear space, not a full-size logo with the clear space trimmed. When commissioning a designer, ask for a vector master file, a clear-space diagram, a minimum-size table and an approved compact variant as standard deliverables, so future placements never need to guess.

Kukoo Creative: how we define and enforce clear space

When building a brand identity, clear space should be defined as part of the core deliverables, not added as an afterthought once a logo looks finished. Our logo design brief process gathers how and where a mark will actually be used, which lets us set a clear-space rule that holds up across print, web and signage before we hand anything over.

For over a decade we’ve partnered with business owners to build identities that stay legible wherever they appear, and our portfolio shows how that plays out across different industries and formats.

Identity projects typically include practical pieces that prevent clear-space mistakes down the line, such as:

  • A vector master file in SVG and AI formats
  • A clear-space diagram showing the measurement rule
  • A minimum-size table for print and digital use
  • A compact variant for small placements

Measuring clear space against edges, partners and imagery

Clear space is not the same thing as page margin, and treating them as identical causes most of the placement errors we see. UCL’s logo guidelines make this distinction clear: calculate the logo’s exclusion zone first, from its own internal unit, then check separately whether the page or canvas can accommodate it. In some responsive layouts the protected area may even extend beyond the visible edge of the screen, which only works if the two measurements were never conflated in the first place.

Partner and sponsor logos need the same discipline. Co-branded materials often squeeze two or more marks into a single space, and the instinct is to tighten both logos’ clear zones to make everything fit. That instinct should be resisted: each mark keeps its own exclusion zone, measured from its own internal unit, and the layout gets resized around both rather than the zones getting trimmed to suit the layout.

Background imagery causes a quieter version of the same problem. A logo can technically have the correct clear space in millimetres or pixels while still sitting on a photograph busy enough to make the mark illegible. Testing a logo against its actual background, not against a plain white preview, catches this before it reaches print or publication. Our piece on negative space in logos goes further into how construction choices affect legibility once imagery enters the picture.

Page edges deserve a final check of their own: a logo placed flush against a margin with no clear space on the outward side looks cramped even when every other rule has been followed correctly.

Common mistakes to avoid with logo clear space

The same handful of errors account for most clear-space failures we encounter in client artwork and in guidelines we’re asked to review.

Shrinking the logo to fit a tight space instead of using an approved compact mark is the most frequent one, and it usually happens under deadline pressure when nobody checks the identity guidelines first.

Measuring clear space from the bounding box rather than the logo’s actual visible edge is another common slip, particularly with logos that include irregular shapes, tails or overlapping elements where the box and the artwork do not match.

Treating clear space as a fixed measurement copied from another brand’s guidelines, rather than deriving a proportional unit from the logo in question, produces a rule that looks precise but has no real connection to that specific mark.

Skipping the responsive check is especially common with digital work: a clear-space rule that looks fine on a desktop mock-up can fail entirely once the same logo renders at mobile width.

Allowing partner logos to crowd the zone during co-branded projects, where the pressure to fit both marks into a fixed space leads to one or both exclusion zones being quietly ignored.

Each of these is avoidable with the same fix: go back to the proportional unit, measure from the actual artwork and test at the size the logo will really be used.

Why clear space underpins brand consistency

A brand identity only works if the mark looks the same, and reads the same, everywhere it appears. Clear space is one of the few rules that makes that possible across dozens or hundreds of different placements, because it is the one element of a guideline that travels with the logo regardless of format.

Without a consistent clear-space rule, a logo can end up looking confident and well-proportioned on a website header, then cramped and amateurish on a printed flyer, purely because nobody applied the same measurement twice. That inconsistency chips away at recognition over time, even when the logo artwork itself never changes.

This is also why clear space sits inside brand guidelines rather than being left to individual designers’ judgement on each project. A documented rule, tied to a repeatable unit, means a mark placed by one designer this year looks and behaves the same way as one placed by a different designer next year. That continuity is what makes a logo recognisable at a glance rather than something a viewer has to work out afresh each time they see it.

Incorrect versus correct clear space in practice

A logo squeezed directly against a block of body text, with no visible gap at all, is one of the clearest incorrect applications: the eye cannot separate the mark from the words around it, so both lose impact. The correct version simply moves the text block outward until it clears the logo’s own measured zone, even if that means the text starts lower on the page than originally planned.

Crowded and protected logo spacing shown side by side

Another frequent incorrect example is a logo placed over a busy photograph with no protective space or background treatment. The mark technically has pixels of empty space around it, but the photograph behind that space is detailed enough to swallow the logo’s edges. The correct approach adds either genuine clear space with a solid or simplified background behind the mark, or switches to an alternate lockup designed for use over imagery.

Partner-logo lockups show the same pattern. An incorrect version crams two logos edge to edge to save space, trimming both exclusion zones to fit. The correct version keeps each logo’s full measured clear space and resizes the overall layout, even if that means a wider banner or a taller footer, rather than compromising either mark.

How clear space fits into wider brand guidelines

Clear space never works as a standalone rule; it sits alongside minimum-size guidance, colour rules and typography within the same identity document, and each depends on the others to make sense. A minimum-size rule, for instance, exists partly because clear space becomes impossible to measure accurately once a logo shrinks past a certain point, the proportional unit gets too small to apply with any precision.

Colour and background rules interact with clear space too: a guideline that permits a logo on dark or light backgrounds usually specifies the clear-space rule separately for each version, since a reversed or single-colour mark can behave differently at small sizes than the full-colour version.

The most usable brand guidelines present clear space as one entry in a short, interconnected set of rules, typically covering minimum size, approved colour variants, clear space and a short list of compact or alternate marks for constrained use. Presented together, a designer working from the guidelines can make a placement decision without needing to guess how the rules interact or which one takes priority when space runs short.

What we think most guidelines get wrong

Most brand guidelines treat clear space as a formality, a number on a page that gets copied into a template and rarely revisited. That is the real gap: the rule only earns its place when it is tested against how a logo actually gets used, on a cluttered partner page, over a photograph, in a cramped footer, not just in a tidy specimen sheet.

The proportional-unit approach used by ONS and the UK Space Agency deserves more attention than it gets, because it solves the problem that fixed millimetre rules create: a measurement that was correct at one size quietly becomes wrong the moment a logo gets resized.

If we had one priority to give a business owner commissioning a mark, it would be this: ask for the clear-space rule as a multiple of an internal unit, not as a fixed number, and ask for a compact variant at the same time. Those two deliverables prevent almost every placement problem this article covers, long before a designer or a client ever has to make a judgement call under deadline pressure.

— Kukoo

Deliverables that lock in your clear-space rules

Getting clear space right starts with how a logo is built, not with a rule applied after the fact. When we design a mark through our logo and visual identity service, the clear-space measurement is set from the logo’s own proportions from the start, so it holds up whether the mark appears on a business card or a billboard.

Kukoocreative

Every project includes the pieces that stop clear-space mistakes happening later:

  • A vector master file in SVG and AI formats, ready for any designer to use correctly.
  • A clear-space diagram showing exactly how the protected zone is measured.
  • A minimum-size table for print and digital use.
  • A compact mark approved for tight spaces, so nobody resizes the primary logo to make it fit.

Our logo only service starts at £440, and a full Visual Identity package, including these guideline deliverables, starts at £750. Browse our logo and visual identity page to see what’s included, or get in touch to commission a mark built with clear space right from the first draft.

FAQ

What is logo clear space?

Logo clear space, sometimes called an exclusion zone, is the minimum unobstructed area that must surround a logo, kept free of text, imagery, other logos and page edges. UK public-sector guidance, including ONS, defines it as essential for protecting legibility and visual impact.

Clear space is measured using a proportional unit taken from the logo itself, such as the width of a symbol or the height of an uppercase letter, applied equally on every side. The UK Space Agency’s branding guidelines use uppercase-letter height as this internal unit, which lets the rule scale correctly at any size.

Does clear space differ between print and digital use?

Yes. NHS England’s guidance sets the exclusion zone at the full logo height for print but only half the logo height for digital use, alongside pixel-based margins for desktop, tablet and mobile screens. Digital placements generally need less absolute space but more careful testing across different screen widths.

What should I do if there is not enough room for full clear space?

Use an approved compact mark or alternate lockup rather than shrinking the primary logo, as guidance from the Open University demonstrates with its documented small-format allowances. Any exception should be tested for legibility and recorded in the brand guidelines rather than improvised on the spot.

Yes, our logo and visual identity service includes a clear-space diagram, a minimum-size table and a compact variant as standard deliverables. These are built from your logo’s own proportions, so the rule stays correct whether the mark appears in print or on screen.

Sources