Making WordPress.org

Opened 2 years ago

Closed 22 months ago

#3372 closed enhancement (fixed)

Illustrations for wordpress.org

Reported by: mapk Owned by: obenland
Milestone: Priority: normal
Component: General Keywords:


With the release of WordPress 4.9 came some beautiful illustrations (by @melchoyce) on the about.php page in Core. I'd like to bring this illustration style over to wordpress.org and use some throughout the site.

A great starting point is to get an illustration for each of the 4 freedoms using this same style.

4 Freedoms

  • The freedom to run the program for any purpose
  • The freedom to study how the program works, and change it to make it do what you wish.
  • The freedom to redistribute.
  • The freedom to distribute copies of your modified versions to others.


Change History (10)

This ticket was mentioned in Slack in #design by mapk. View the logs.

2 years ago

#2 @obenland
22 months ago

@mapk What's the status on this?

#3 @mapk
22 months ago

@obenland we've got some illustrations from @cathibosco1 to review in our next Design slack meeting tomorrow.

It's definitely being worked on right now.

#4 @cathibosco1
22 months ago

I posted the updated .png files (square & horizontal formats) for the illustrations we reviewed yesterday for https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

I also added the .pdf files for use in Illustrator there... We may be good to go with those now. @mapk
I'm posting here because I was unsure where to ship them. :) Cheers @obenland

#5 @obenland
22 months ago

@cathibosco1 Those look great!

It would be really helpful if they all had the same dimensions and could be made into SVGs (or two sprites, one for 1x and one for 2x).

#6 @cathibosco1
22 months ago

  • Keywords needs-design removed

@obenland @mapk - I am adding the SVGs to the trello board right now... square and landscape formats for us.. Thanks!

#7 @cathibosco1
22 months ago

I also added the optimized version of them... please let me know if you want me to prepare the files for animation. I could prepare them for us to do some very subtle animation on load or on scroll... thank you.

The link for optimized and un-optimized files in both square and horizontal format. https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

Last edited 22 months ago by cathibosco1 (previous) (diff)

#8 @obenland
22 months ago

Thanks for that @cathibosco1! Even optimized, the SVG files are 6 - 20x bigger than the PNGs. What do y'all think about doing two PNG sprites, 1x and 2x?

#9 @cathibosco1
22 months ago

Here you go @obenland https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

The 1X files are pretty large. I put them all through an optimization process in photoshop though which should help. I am not sure the preferred display size for images on the page - it is possible that the 1x size images could be big enough to actually function as the 2x - let me know if that is true. I can pull smaller ones.

Last edited 22 months ago by cathibosco1 (previous) (diff)

#10 @obenland
22 months ago

  • Owner set to obenland
  • Resolution set to fixed
  • Status changed from new to closed

In 6635:

Main: Use updated & optimized freedom graphics

Props cathibosco1, mapk.
See #3046.
Fixes #3372.

Note: See TracTickets for help on using tickets.