Opened 6 years ago

Closed 6 years ago

#3372 closed enhancement (fixed)

Illustrations for

Reported by: mapk's profile mapk Owned by: obenland's profile 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 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.

6 years ago

#2 @obenland
6 years ago

@mapk What's the status on this?

#3 @mapk
6 years 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
6 years ago

I posted the updated .png files (square & horizontal formats) for the illustrations we reviewed yesterday for

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
6 years 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
6 years 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
6 years 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.

Last edited 6 years ago by cathibosco1 (previous) (diff)

#8 @obenland
6 years 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
6 years ago

Here you go @obenland

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 6 years ago by cathibosco1 (previous) (diff)

#10 @obenland
6 years 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.