Project Browser: Create a logo for Entity Usage

Created on 5 July 2024, 6 months ago
Updated 13 September 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 Entity Usage 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

Fixed

Version

4.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 Kristen Pol Santa Cruz, CA, USA

    Moving to project's queue per @leslieg.

  • ๐Ÿ‡ช๐Ÿ‡ธSpain marcoscano Barcelona, Spain

    Thanks for filing this in! I am +1 with this idea, however I have 0 skills in designing or producing a logo. If anyone wants to contribute, I will gladly add it to the repo.

    Thanks!

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Cool ๐Ÿ˜Ž Iโ€™ll check with my team

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States AaronDeutsch California

    hello! this is a design I made for this. The two blocks represent the entities and the lines in between them represents their relationship. Let me know if there is anything I need to change!

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    I like it ๐Ÿ‘ I guess it doesnโ€™t convey the โ€œusageโ€ part thoughโ€ฆ thoughts?

  • ๐Ÿ‡ช๐Ÿ‡ธSpain marcoscano Barcelona, Spain

    Thank you for working on this! ๐Ÿ™
    I agree it would be ideal to have a visual representation of the "hierarchy" that the relationship represents: there is always a "source" entity and a "target" entity, these relationships are not bi-directional. In other words, this module tracks "what entity (or entities) is this entity pointing to". Do you think it's possible to iterate and try to capture that?
    Thanks again!

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States AaronDeutsch California

    Thanks for explaining it to me better! I made some changes that I think improve the design. Let me know what you think! I'm open to tweaking it more

  • Status changed to Needs review 5 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks! Seems like an improvement. I wonder if there should be an arrowhead on one end?

  • ๐Ÿ‡ช๐Ÿ‡ธSpain marcoscano Barcelona, Spain

    Thank you for working on this!

    I wonder if there should be an arrowhead on one end?

    I agree with this, if we could make the line an arrow, it may be more explicit the source->target hierarchy?

    Thanks!

  • Status changed to Needs work 5 months ago
  • Hi @AaronDeutsch,
    I would echo with @Kristen Pol's comment here! As @marcoscano mentioned, we're not talking about bi-directional relationships in this module, so it' would be great if we use an arrow with a proper demarcation of source and target entity. Also I didn't get any visual clue about the "usage" part from the logo!
    Hence moving it to NW for further improvement.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks. Iโ€™ll ping Aaron so he can update with the arrowheadโ€ฆ Iโ€™m not sure how to indicate the usage though so open to ideas

  • Hi @Kristen Pol,
    Updating arrowhead seems pretty straight forward, but incorporating the idea of "Usage" is indeed bit tricky.
    We might need to modify the whole logo here then. I'll brainstorm more on this Monday.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States AaronDeutsch California

    Here it is with an arrow

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks. The size is a little too big

  • Status changed to Needs review 4 months ago
  • Hi @Kristen Pol,
    I've made my own version my taking inspiration from the above one. Tried to incorporate the concept of "Usage" part. Pls have a look!

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks. This may not show up well in project browser due to the small details. Iโ€™ll see if Aaron can reduce the size on his and the maintainer can pick

  • Hi @Kristen Pol,
    I've made two other variants as well yesterday. Pls have a look if that meet the requirements, though I preferred the uploaded one:)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks. Those are better than your first one IMO. Iโ€™ll ping Aaron again just to have another option

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States AaronDeutsch California

    I tried simplifying it a bit because I think the main icon gets the point across without being too cluttered. It's my understanding that these icons are mostly going to be viewed from far away, so making them more recognisable and clear seems important. Just putting this here as another option

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    I just wanted #14 but the file size fixed :)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States AaronDeutsch California

    my apologies. here it is

  • Status changed to RTBC 4 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks ๐Ÿ™ now there are 4 to choose from ๐Ÿ˜†

  • Status changed to Fixed 4 months ago
  • ๐Ÿ‡ช๐Ÿ‡ธSpain marcoscano Barcelona, Spain

    Thank you all! I picked the last one and added it to the repo ๐Ÿ‘

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks ๐Ÿ™

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024