Am I the only one who feels like the logo is slightly misaligned? I think the first angled bar should be moved a little bit to the right, so that both corners are aligned. (pink)

I also found out that the padding between the container and the first bar is uneven as well. (blue)

enter image description here

Don't get me wrong, I love the concept of the logo, but I feel that it's a little bit off. Did anyone else notice this?

  • Which logo? For what site? Where is the image / screen capture that illustrates the issue?
    – Oded
    Commented May 22, 2013 at 14:44
  • I'll add the information, one sec please. Sorry ;)
    – buschtoens
    Commented May 22, 2013 at 14:45
  • 2
    Both the meta and Stack Overflow icons look a bit skewed to me. A wise man once said that that was status-bydesign.
    – Matt
    Commented May 22, 2013 at 14:47
  • Edit: Added the logo with guidelines indicating the problem.
    – buschtoens
    Commented May 22, 2013 at 14:48
  • 4
    Maybe that IS the overflow?
    – hjpotter92
    Commented May 22, 2013 at 14:51
  • 2
    My OCD sense is tingling Commented May 22, 2013 at 14:52
  • At time of writing, the current logo is in an SVG spritesheet at cdn.sstatic.net/Sites/stackoverflow/img/… . As far as I can tell, after zooming in a long way, the leftmost points of the bottom two bars are vertically aligned. So I guess that perhaps they fixed this at some point in the last five years.
    – mwfearnley
    Commented May 25, 2018 at 8:31

2 Answers 2


Once you see it, you can never unsee it.

This is how it should be :

enter image description here

The meta seems less worst than the main site's. But the explanation is quite simple. It's the color used. If you take a look at this picture

enter image description here

You can see that the misalignment looks worst on the Main logo than on the Meta logo.
If you zoom the logos 1 and 2 and look at the second bar, you can see that the both bars have 3 pixels of shading around the main color.

The thing is the meta one is gray so the last shading pixel is light gray and is barely visible when zoomed out. Which is why you don't see the last pixels on the left and therefore, see it more centered.

On picture 2, the last pixels of shading is light brown which will still render correctly on a white background.

Take a look pictures 3 and 4. I simply took the Main site colors with the meta shading. Doesn't it look a little more centered ?

Still, thanks to you, my OCD will be killing me everytime I see the main site's logo. Please fix it.

  • Reminded me of this image here
    – hjpotter92
    Commented May 22, 2013 at 15:07
  • 2
    This whole situation so reminds me of this xkcd comic.
    – buschtoens
    Commented May 22, 2013 at 15:07
  • @hjpotter92 Whoa nice one never seen it before. Commented May 22, 2013 at 15:08
  • 1
    Anyways, a good designer should be able to render this correctly. (Moving it around in Illustrator until it looks good or subpixel rendering somehow maybe?)
    – buschtoens
    Commented May 22, 2013 at 15:09

I recently ordered Jeff Atwood (Coding Horror) stickers and I was glad that he included some other random stickers, including a Stack Overflow one. I can confirm that the two problems outlined here are not present in this sticker:

SO sticker

So, basically, it's fixed "upstream". Which could mean that it's a problem exporting the logo in case it is in SVG, that the SO logo has not been updated for quite a while or that is a personal fix only for the stickers.


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .