Project Browser: Create a logo for jQuery UI Selectable

Created on 4 July 2024, 5 months ago
Updated 16 July 2024, 4 months ago

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 Selectable module needs a logo for this objective.

Proposed resolution

  • 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/2022-11-11/jqueryui_datepicker_min.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
📌 Task
Status

RTBC

Version

2.0

Component

User interface

Created by

🇺🇸United States Kristen Pol Santa Cruz, CA, USA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Kristen Pol
  • 🇺🇸United States AaronDeutsch California

    Here is a design for this

  • Status changed to Needs work 5 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

  • 🇺🇸United States AaronDeutsch California

    oops here

  • Status changed to Needs review 5 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Thanks. Updating summary with logo.

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Fix parent.

  • Status changed to Needs work 5 months ago
  • 🇮🇪Ireland lostcarpark

    I love the logo.

    There's just one very small thing. The background is solid white.

    That will look fine in Claro, but in other themes such as Gin, this could look sub-optimal. In light mode, the Gin theme uses an off-white colour, so the logo would have a pure white box looking slightly off from the surrounding area. In dark mode the logo will stand out in a white box on a dark background.

    I would recommend replacing the white background with a transparent background, so the logo will look good on all backgrounds.

    I hope that will be a small change and can the move forward with the logo.

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Thanks for the feedback 👍 I’ll work with Aaron to get an updated version after the holiday.

  • 🇮🇪Ireland lostcarpark

    One other thing to consider is the dashed grey line. This should stand out on a light or a dark background, but could get lost on a mid-grey theme. I don't know how likely we are to get a mid-grey admin theme, since generally an admin theme aims to maximize readability, should be high contrast. Just something to be aware of.

  • Status changed to Needs review 5 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    As for the mid-grey, I like that it's not black like the rest so it's clear it's being selected. IMO it should stay as is as I think doing a colored dashed line would look too busy.

  • Status changed to Needs work 5 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Moving to needs work for transparent background.

  • 🇺🇸United States AaronDeutsch California

    I decided to keep the grey line, but can change it if it becomes an issue of course!

  • Status changed to Needs review 4 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    I still need to update this issue and get into the project's queue, but marking it for review for now.

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Update summary image and hide old images.

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

  • Status changed to RTBC 4 months ago
  • 🇮🇪Ireland lostcarpark

    Confirming logo meets Project Browser requirements.

    Logo is PNG image, dimensions are 512x512, file size is under 10K. Logo looks good and is consistent with other JQuery UI logos.

    Moving to RTBC.

Production build 0.71.5 2024