Clear Space

Add Clear Space Around a Logo

Add the protected margin brand guidelines call for, so the mark is never crowded by whatever sits next to it.

Describe the edit — the AI assistant does it on the canvas.

2 free credits · No signup · ~10 seconds

No signup required
Results in seconds
2 free credits included

Drop a logo

PNG, JPG, WebP or SVG — up to 30 MB

Runs entirely in your browser. Your image is never uploaded.

Why clear space is in every brand book

01

Clear space is a specification

Most brand books define a protected zone around the mark that nothing else may enter, usually expressed as a fraction of the logo height. Baking that margin into the file guarantees the rule is followed everywhere the file is used, by people who have never read the guidelines.

02

A common rule of thumb

Clear space is often set at the height of a letter in the wordmark, or a quarter to a half of the mark height. If your guidelines specify a number, use it. If not, start around a quarter and judge by eye.

03

It fixes crowding everywhere at once

A logo that looks cramped in a header, a card, and a footer is usually not too large. It has no margin, and every layout is compensating separately. Adding the space to the asset fixes all of them in one move.

04

Transparent by default

The padding is transparent unless you pick a colour, so the mark keeps working on any background. Choose a fill only when you specifically want a plate behind it.

05

The canvas grows, the mark does not

Padding is added around the image, so the logo itself is unchanged and the file gets larger by twice the padding on each axis. Use the resize tool if you also need a specific final size.

How to add clear space around a logo

1

Upload your logo

Drop in the logo, ideally already cropped tight to the mark.

2

Set the clear space

Drag the slider for the margin in pixels. Leave the fill transparent, or pick a colour for a solid plate.

3

Download

Take a free preview, or download the full-resolution file with one credit.

Where clear space matters

Brand guideline compliance

Bake the specified exclusion zone into the asset itself.

Fixing crowded layouts

Solve a cramped-looking logo once instead of in every template.

Slides and templates

Give a mark breathing room where you cannot control the surrounding design.

Partner and sponsor assets

Send a file that stays correct however the recipient places it.

Used by designers, indie devs & students at

What people use it for

The jobs the editor was built around — and what it does differently on each one.

Colourways you can revisit

Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.

Cutouts with awkward edges

AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.

No export, edit, re-import loop

The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.

Ten options in the time one used to take

Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.

Brand colours matched exactly

Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.

Free to preview, priced per export

Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.

Frequently Asked Questions

4.8/5 from 1,250+ users

Add clear space to your logo

Upload, set the margin, and download the padded file.

Add Clear Space