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
CommentFileSizeAuthor
#22 earrow-fs8.png3.83 KBAaronDeutsch
#20 entityicon-fs8.png6.68 KBAaronDeutsch
#18 Entity-Usage2.png5.91 KBsourojeetpaul
#18 Entity-Usage1 (1).png4.05 KBsourojeetpaul
#16 Entity-Usage1.png6.56 KBsourojeetpaul
#14 earrow.png13.38 KBAaronDeutsch
#8 eu2-fs8.png3.75 KBAaronDeutsch
#5 entity_usage-fs8.png4.29 KBAaronDeutsch

Comments

Kristen Pol created an issue. See original summary.

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
Title: Create logo for Entity Usage for Project Browser Initiative » Project Browser: Create a logo for Entity Usage
Project: Project Browser » Entity Usage
Version: 1.0.x-dev » 8.x-4.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 to project's queue per @leslieg.

marcoscano’s picture

marcoscano
Primary language Portuguese, Brazil
Location Barcelona, Spain
commented

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!

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

Cool 😎 I’ll check with my team

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new entity_usage-fs8.png4.29 KB

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!

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

I like it 👍 I guess it doesn’t convey the “usage” part though… thoughts?

marcoscano’s picture

marcoscano
Primary language Portuguese, Brazil
Location Barcelona, Spain
commented

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!

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new eu2-fs8.png3.75 KB

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

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
Status: Active » Needs review

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

marcoscano’s picture

marcoscano
Primary language Portuguese, Brazil
Location Barcelona, Spain
commented

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!

sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs review » Needs work

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.

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

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

sourojeetpaul’s picture

sourojeetpaul commented

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.

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new earrow.png13.38 KB

Here it is with an arrow

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

Thanks. The size is a little too big

sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs work » Needs review
StatusFileSize
new Entity-Usage1.png6.56 KB

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!

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

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

sourojeetpaul’s picture

sourojeetpaul commented
StatusFileSize
new Entity-Usage1 (1).png4.05 KB
new Entity-Usage2.png5.91 KB

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:)

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

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

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new entityicon-fs8.png6.68 KB

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

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

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

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new earrow-fs8.png3.83 KB

my apologies. here it is

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
Status: Needs review » Reviewed & tested by the community

Thanks 🙏 now there are 4 to choose from 😆

  • marcoscano committed eb0e921f on 8.x-2.x 
    Issue #3459383 by AaronDeutsch, sourojeetpaul, kristen pol, marcoscano:...
marcoscano’s picture

marcoscano
Primary language Portuguese, Brazil
Location Barcelona, Spain
commented
Status: Reviewed & tested by the community » Fixed

Thank you all! I picked the last one and added it to the repo 👍

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented

Thanks 🙏

sourojeetpaul’s picture

sourojeetpaul commented

Thanks :)

Status: Fixed » Closed (fixed)

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