Updated 9/15/22 by AW


In Illustrator: 




  • Open PNG in Illustrator. 

  • Use the Text tool to create two text objects, one with the Rank (ex. “#1”) and one with the Title (ex. “Best Value University North”)

    • Make Ranking Number text Green: #2B7510

    • Make both texts “Bitter Bold” font (download if not there yet)

    • Adjust sizes of text to 14 

  • Make the small green box, same color as above, and eyeball it for size. 

  • Line it all up, so it looks about the same as what’s already on the website
  • Box all together so all objects are selected. 

  • “Export”, then “Export As” , “PNG” , Pick Resolution “Screen (72 ppi)”, keep the background transparent. 

  • Open in Photoshop and adjust size to 150px wide 

  • “Image”, “Image Size”, pick width “150” 

  • Upload and check that it looks okay-ish.