Problem/Motivation

The Project Browser Initiative wants nice project logos for better UX. The logo will be displayed on the card for your module in the Project Browser (as well as on drupalcode.org as your project avatar, and on drupal.org on your project page).

The jQuery UI Button needs a logo for this objective.

Proposed resolution

jQuery UI Button logo

  • Create a logo that is 512x512 square dimension in PNG format without animations.
  • The file size should be 10k or less.
  • Use a lossy image tool (such as pngquant) to reduce the file size while keeping the image quality at around 80%.

Examples:

https://www.drupal.org/files/issues/2024-07-04/jQuery-UI-Selectable-fs8.png
https://www.drupal.org/files/issues/2023-05-03/Embed-Project-Logo.png
https://www.drupal.org/files/issues/2022-04-28/pathauto-fs8.png
https://www.drupal.org/files/issues/2022-09-23/search_api.png
https://www.drupal.org/files/issues/2022-09-23/Rest%20UI.png
https://www.drupal.org/files/issues/2023-08-16/entity_queue_3.png
https://www.drupal.org/files/issues/2022-10-04/views_slideshow_logo_1.png
https://www.drupal.org/files/issues/2022-09-30/redis-project-browser-cub...
https://www.drupal.org/files/issues/2022-09-23/DropzoneJS_v2-min.png
https://www.drupal.org/files/issues/2023-08-14/File_Metadata_Manager_2.png

MAINTAINERS: Once a logo is reviewed and approved, it should be added to the root folder of your project's repo, and be named logo.png. This must be present on your project’s default branch. If you have a logo as the first image in the Images field on your project page, please remove it. The logo will be displayed on the cards in the Project Browser grid and list views.

Review steps

  1. Review any logos on this ticket.
  2. Provide design feedback if applicable.
  3. If multiple logos are provided, choose your preferred one.
  4. Ensure logo meet the requirements:
    • 512px by 512px square
    • PNG format
    • no animations
    • 10k file size or less
    • reasonable image quality
    • visually represents the project

Comments

Kristen Pol created an issue. See original summary.

kristen pol’s picture

Title: Create logo for jQuery UI Button to use in Project Browser » Create logo for jQuery UI Button for Project Browser Initiative
Parent issue: #3303470: jQuery UI Droppable - Update logo » #3342533: [Meta] Create a logo for a contrib module

Fix parent and update title.

kristen pol’s picture

Note that we are working on this right now and will upload something shortly.

AaronDeutsch’s picture

StatusFileSize
new19.09 KB

Here is a design for this

kristen pol’s picture

Status: Active » Needs work

This one has 19.1k file size so needs to be reduced.

AaronDeutsch’s picture

StatusFileSize
new8.5 KB

oops here

kristen pol’s picture

Issue summary: View changes
Status: Needs work » Needs review

Thanks. Updating summary with logo.

jQuery UI Button logo

lostcarpark’s picture

Status: Needs review » Needs work

I love the overall design!

I'm not sure the hollowed out UI logo is the right effect, as normally a button would be a solid item with a drop shadow. I would suggest making the interior solid white, and take away the shadow showing through.

And as with #3458929: Project Browser: Create a logo for jQuery UI Selectable, please make the background transparent (but not the interior of the UI).

Hope that makes sense!

AaronDeutsch’s picture

StatusFileSize
new8.07 KB

Thank you for the feedback! I have made a few changes here

kristen pol’s picture

Status: Needs work » Needs review

Based on feedback from @leslieg, I still need to update this issue and get into the project's queue, but marking it for review for now.

kristen pol’s picture

Issue summary: View changes

Updating summary image.

kristen pol’s picture

Hide the old images from the list.

kristen pol’s picture

Assigned: kristen pol » Unassigned

Unassigning me so someone else can review.

kristen pol’s picture

Title: Create logo for jQuery UI Button for Project Browser Initiative » Project Browser: Create a logo for jQuery UI Button
Project: Project Browser » jQuery UI Button
Version: 1.0.x-dev » 2.x-dev
Component: Contrib changes » User interface
Issue summary: View changes
Issue tags: -Project Browser Initiative +Project Browser Logo
Parent issue: #3342533: [Meta] Create a logo for a contrib module »

Moving this from project_browser queue to project queue per @leslieg.

kristen pol’s picture

Issue summary: View changes

Add image to summary.

lostcarpark’s picture

Status: Needs review » Reviewed & tested by the community

Confirming proposed logo meets Project Browser requirements.

Logo is PNG image, dimensions are 512x512, file size is under 10K. Also request for transparent background has been completed.

Marking RTBC.