WordPress.org

Making WordPress.org

Opened 21 months ago

Last modified 3 months ago

#1530 new enhancement

Change WordPress.org logo on the Header

Reported by: hugobaeta Owned by:
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:

https://cldup.com/_CnHu8DUrv.png

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 (5)

wp-header-logo.png (7.0 KB) - added by hugobaeta 21 months ago.
Regular version
wp-header-logo@2x.png (16.6 KB) - added by hugobaeta 21 months ago.
Retina version (@2x)
wporg-logo.pdf (55.3 KB) - added by hugobaeta 3 months ago.
wporg-logo-alt.pdf (55.6 KB) - added by hugobaeta 3 months ago.
wporg-logo-metrics.pdf (69.6 KB) - added by hugobaeta 3 months ago.

Download all attachments as: .zip

Change History (16)

@hugobaeta
21 months ago

Regular version

@hugobaeta
21 months ago

Retina version (@2x)

#1 follow-up: @michaelarestad
21 months 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.

#2 @hugobaeta
21 months ago

  • Type changed from defect to enhancement

#3 in reply to: ↑ 1 ; follow-up: @hugobaeta
21 months 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 @dd32
21 months 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 @mattmiklic
21 months 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.

https://cldup.com/RYQ9ZQ1PqF.png

Last edited 21 months ago by mattmiklic (previous) (diff)

#6 @melchoyce
21 months 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.


21 months ago

#8 @ocean90
21 months ago

SVG sounds good. 👍

#9 @melchoyce
3 months ago

@hugobaeta Can you provide an SVG?

@hugobaeta
3 months ago

#10 follow-up: @hugobaeta
3 months ago

@melchoyce Uploaded everything I had here, let me know if this works :)

#11 in reply to: ↑ 10 @melchoyce
3 months ago

Replying to hugobaeta:

@melchoyce Uploaded everything I had here, let me know if this works :)

Thanks pal 🙌

Note: See TracTickets for help on using tickets.