HrvatskiRule 1
Use the light version
White or a pale brand tint. Not the colour logo, unless it was made for dark. See white and black logo versions.
Brand OS Portal
How to place a logo on dark and photo backgrounds: simple contrast rules.
Use the light logo on dark backgrounds, place it on a calm area of the photo, and test it small.
Free: your brand in 3 real designs, in 48 hours.
On a dark background, use the white or light version of your logo. On a photo, place the logo on a calm, even area, like sky, a wall or a dark corner, and keep the clear space free of detail.
If the photo is busy, add a soft dark layer under it or move the logo. Then do a simple test: shrink the image to thumbnail size and squint. If the logo still stands out, it works.
By Vedran Obradović · Updated 7 November 2026
Logo on a dark background.
This is the easy case. Three rules.
Rule 2
Check the brand colour too
A dark blue logo on a black background fades out. Dark on dark is not enough contrast.
Rule 3
Keep the clear space
Dark backgrounds look empty, so people put things close. Keep the space from your logo rules.
Logo on a photo: five steps.
Photos are harder, because the background changes everywhere.
Step 1
Find a calm area
Sky, a wall, a blurred part, a dark corner. Not faces, text or sharp patterns.
Step 2
Pick the version by that area
Dark area: white logo. Light area: dark logo.
Step 3
Keep the clear space
No lines, objects or text inside the space around the logo.
Step 4
Add a soft layer if needed
A gentle dark gradient under the logo helps on a mixed photo. Keep it subtle.
Step 5
Test it small
Shrink the image to a thumbnail. Can you still see the logo?
Good photos make this easier. See brand photography guidelines for picking images with calm space.
Free tool
Keep the space around the logo free.
A logo on a photo needs room with no detail. Add your logo, pick a rule and download a guide. The file stays on your device.
Contrast rules you can paste into your brand guidelines.
Short rules are followed. Long ones are skipped.
Logo on dark and photo backgrounds - rules
LOGO ON DARK AND PHOTO BACKGROUNDS 1. Dark background: use the white [or light] logo. 2. Light background: use the colour or dark logo. 3. Photo: place the logo on a calm area with no faces, text or sharp detail. 4. Keep the clear space ([x] around the logo) free of detail. 5. If the photo is mixed, add a soft dark layer under the logo ([opacity]). 6. Never put the colour logo on a busy photo. 7. Never add a shadow, glow or outline to make it stand out. 8. Test: shrink to thumbnail size. If the logo is hard to see, move it or change the version. Where the files are: [link]
The rest of the logo rules are in logo usage guidelines. For colours that keep contrast, see how to choose brand colors.
Brand OS Portal
Get 3 templates in your brand. Free.
Leave your email. I design them by hand and send them to you within 48 hours. It costs you nothing.
Got it. I start on yours today. Your 3 free templates reach you within 48 hours.
I write to you from [email protected]. If you do not see it, check spam.
Six mistakes on dark and photo backgrounds.
- Colour logo on a dark photo. It melts into the background.
- Logo over a face or text. It fights for attention.
- Logo too small. It stops being readable on a phone.
- A heavy shadow or glow. It looks dated and breaks most brand rules.
- Different spots every time. Pick two or three standard places.
- Skipping the test. What looks fine on a big screen can disappear on a phone.
Teams make these mistakes when the right logo is hard to find. See how to share logo files and logo variations every company needs.
Stop asking which logo to use.
A designer sets the rules once. A portal makes them easy to follow.
Most people do not read a rule page before they make a slide. They want the right file in seconds.
In a Brand OS Portal, Logo Studio does that. Pick a background and a size. A logo that breaks the rules fixes itself. You see colour, light, dark, white and black, for a tab icon, a profile, a slide or a big sign.
A designer is still the right choice to draw the logo and set the rules. The portal is for the everyday work after.
Check each design with your logo on it.
Tick each line. Your ticks stay on this device.
0 of 8 done
Making a video with a logo ending? See logo reveal for social videos.
Logo Studio
Try one Brand OS Portal tool
Pick a background. Get the right logo.
This is a real tool from a real Brand OS Portal, on the MTG brand. Pick a background and a size. A logo that breaks the rules fixes itself.
Watch
Watch me show every tool.
I made short videos of the tools. Hear me explain them, then scroll through every one at work. Real tools, on a real brand.
Hear me explain
Every tool at work
Straight answers.
Which logo version goes on a dark background?
The white or light version. A colour logo works on dark just when it was made for dark.
How do I put a logo on a photo?
Place it on a calm area, use the version that has strong contrast there, keep clear space free of detail, and test it at thumbnail size.
Should I add a shadow to make my logo stand out?
No. A shadow or glow often looks dated. Move the logo or add a soft layer under it instead.
What if my photo is busy everywhere?
Add a soft dark layer under the logo, crop the photo differently, or pick another photo.
How small can a logo be on a photo?
Your logo rules should state the smallest size. If it is hard to read on a phone, it is too small.
One more thing.
Death List Five. Five headaches, one portal. Sound on.
Does AI get your brand right? Check it free.
See what ChatGPT says about your company, and how to fix it.
Rather write to me?
Got it.
You hear from me within 2 to 8 hours.