Project Browser: Create a logo for MaxLength

Created on 4 August 2023, over 1 year ago
Updated 29 August 2024, 3 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 MaxLength 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/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
📌 Task
Status

Needs review

Version

3.0

Component

Miscellaneous

Created by

🇺🇸United States cedewey Denver, CO

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

Comments & Activities

  • Issue created by @cedewey
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Updating this issue based on the new template from @leslieg.

  • Assigned to Tirupati_Singh
  • 🇮🇳India Tirupati_Singh

    I'm working on it.

  • Issue was unassigned.
  • Status changed to Needs review 3 months ago
  • 🇮🇳India Tirupati_Singh

    Hi @kristen pol, I've created a logo for the module. Please have a look.

  • 🇧🇪Belgium joevagyok

    Thanks @tirupati_singh, small note from my side, if I may.

    It looks good in general and the style looks similar to the examples mentioned. However, not sure how big the project browser will show these images, but if it will be small, then the numbers and the "Maxlength" text would be too small I think. But I would refer to @kristen pol in this matter.

    If we wish to have the name of the module in the image, please respect the way it is on drupal.org page, "MaxLength" in this case.
    Otherwise, the HTML attribute could be used, such as "#maxlength" which is self-explanatory as well.

  • Hi @tirupati_singh,
    I somewhat agree with @joevagyok, The PB logo will be shown in a much smaller dimension, hence it'll be better if we can incorporate the suggested changes.
    Though I won't prefer using the HTML attribute on the logo, rather respecting the way it has been shown on the project page can be a good alternative!
    Hence moving it to NW again :)

  • 🇮🇳India Tirupati_Singh

    Hi all! I've updated the logo as per the suggested changes. I've increased the logo text and updated the module name text case as per the module page. Please review the changes.

    Thanks!

  • Hi @tirupati_singh,
    Thanks for reworking on it. I can see the feedbacks have been resolved properly now, and also limiting to the PB logo constraints. Hence I think we can move the issue forward to RTBC++

  • 🇨🇿Czech Republic Petr Illek

    Hi,
    I accidentally stumbled on this issue and got some notes and ideas.

    I think the logo is too complicated.

    • It does not need to contain the module name, as in most of the cases the logo will be accompanied by the module name in a text variant.
    • The most important part (the counter) is the smallest element on the image
    • The count is too specific (does the module allow another values or not?)
    • The count is wrong – the text in the field "MaxLength" is 9 characters :D

    I did try to simplify the logo to the very base of the module feature.

Production build 0.71.5 2024