#1530 closed enhancement (fixed)
Change WordPress.org logo on the Header
Reported by: | hugobaeta | Owned by: | obenland |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | General | Keywords: | ui-feedback |
Cc: |
Description
I would like to update the header logo on WordPress.org sites to the new version and size it to match a bit better the safety margins in the guidelines (I'm actually taking a little out so the logo doesn't end up too small). I also improved the color by making it white (I always felt that header logo looked muddy in that gray).
Here's a comparison before and after:
The new image dimensions (that would need to be updated in the css) are 290x46.
New files (regular and retina @2x) are attached to the ticket.
Attachments (9)
Change History (31)
#1
follow-up:
↓ 3
@
9 years ago
The new colors are a definite improvement. The type feels a pixel or two too close to the icon (maybe that's a topic for elsewhere or it's the pixel hinting or something). Other than that, this looks good to me.
I'm wondering if it should eventually be an SVG.
#3
in reply to:
↑ 1
;
follow-up:
↓ 4
@
9 years ago
Replying to michaelarestad:
The type feels a pixel or two too close to the icon
When you say type, I'm assuming you mean the menu, right? I agree, but I was trying to not touch any other elements there. If we could increase the height of the header by a few pixels, the added white space would likely look and feel great. But, yeah, that's for another ticket ;)
I'm wondering if it should eventually be an SVG.
Not sure about the technical implications of such decision, that's more up your alley. Do you want me to produce one? Does it work well at the regular 1x size?
#4
in reply to:
↑ 3
@
9 years ago
Replying to hugobaeta:
Replying to michaelarestad:
The type feels a pixel or two too close to the icon
When you say type, I'm assuming you mean the menu, right?
I believe @michaelarestad was referring to the gap between the W
and WordPress.org
which although is set as W/20
in the metrics, feels like the edge of the W in WordPress is hovering above the outer ring of the W
(to me at least).
For some reason the images on the identity page feel like they've got a larger gap than the preview in the cloudup here.
#5
in reply to:
↑ description
@
9 years ago
Replying to hugobaeta:
I would like to update the header logo on WordPress.org sites to the new version and size it to match a bit better the safety margins in the guidelines (I'm actually taking a little out so the logo doesn't end up too small). I also improved the color by making it white (I always felt that header logo looked muddy in that gray).
Good call here. The current logo was sized based on a design that used a more compact header, with the tabs over to the right (https://cloudup.com/czKjhPIEYAS). With all the stuff going on in the header now a smaller logo feels better.
The new colors are a definite improvement. The type feels a pixel or two too close to the icon (maybe that's a topic for elsewhere or it's the pixel hinting or something). Other than that, this looks good to me.
Yeah; I think it's because of the pixel hinting. The serif on the left edge of the W is extending into the margin between the W mark and WordPress by one subpixel, which I think makes them look too close. Just shifting the text over by 0.5 to 1 pixel would probably help this.
I'm wondering if it should eventually be an SVG.
SVG would be nice. Note that there are quite a few devices out there with pixel ratios > 2, so if we only provide 1x and 2x images, they'll be scaled up for those devices. Note the blurriness in this iPhone 6s Plus screenshot of the current homepage logo. I'd go with an SVG but if not, we'd really need a 3x version of the PNG as well.
#6
@
9 years ago
Yeah; I think it's because of the pixel hinting. The serif on the left edge of the W is extending into the margin between the W mark and WordPress by one subpixel, which I think makes them look too close. Just shifting the text over by 0.5 to 1 pixel would probably help this.
+1
I'm wondering if it should eventually be an SVG.
If we're replacing it now, I think we should be replacing it with an svg.
Looking really good!
This ticket was mentioned in Slack in #meta by ocean90. View the logs.
9 years ago
#10
follow-up:
↓ 11
@
7 years ago
@melchoyce Uploaded everything I had here, let me know if this works :)
#11
in reply to:
↑ 10
@
7 years ago
Replying to hugobaeta:
@melchoyce Uploaded everything I had here, let me know if this works :)
Thanks pal 🙌
#13
@
7 years ago
Made an svg from @hugobaeta's pdf: wporg-logo.svg
#14
@
7 years ago
Also made a light version: wporg-logo-light.svg
@hugobaeta, can you review?
#15
@
7 years ago
@melchoyce my only comment is that I'd wish the W mark wasn't muted out. That was one of my pet peeves with the current header. There's no reason for it, really. What do you think?
#16
@
7 years ago
Yeah, I think having it all one solid color would be totally fine. How does this look? wporg-logo-light.2.svg
#19
@
7 years ago
Woot Woot!! Thank you @obenland and @melchoyce for making this happen! Such happiness, much wow! :D
Regular version