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 Office Hours 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/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
CommentFileSizeAuthor
#14 Screenshot from 2024-10-14 12-52-49.png79.16 KBsourojeetpaul
#9 office-hours-logo.png9.41 KBesha_kundu
#9 office-hours.png6.49 KBesha_kundu
#2 officehours_t-fs8.png3.95 KBAaronDeutsch
#2 officehours_w-fs8.png3.99 KBAaronDeutsch

Comments

Kristen Pol created an issue. See original summary.

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new officehours_w-fs8.png3.99 KB
new officehours_t-fs8.png3.95 KB

Here is my proposed design for this. (one file has transparent background, one has white)

debdeep.mukhopadhyay’s picture

debdeep.mukhopadhyay commented
Assigned: Unassigned » debdeep.mukhopadhyay
debdeep.mukhopadhyay’s picture

debdeep.mukhopadhyay commented
Assigned: debdeep.mukhopadhyay » Unassigned
kristen pol’s picture

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

Thanks! The style seems a bit "chunky" to me. Perhaps reduce the line style a bit?

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
Issue summary: View changes

Adding logo to the summary.

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
Title: Create logo for Office Hours for Project Browser Initiative » Project Browser: Create a logo for Office Hours
Project: Project Browser » Office Hours
Version: 1.0.x-dev » 8.x-1.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 »

Move to project's queue per @leslieg.

esha_kundu’s picture

esha_kundu commented
Assigned: Unassigned » esha_kundu

I'll work on this.

esha_kundu’s picture

esha_kundu commented
Status: Needs work » Needs review
StatusFileSize
new office-hours.png6.49 KB
new office-hours-logo.png9.41 KB

Hi @kristen pol,
Like you've mentioned in #5 that the line style needs to be reduced, I've made changes accordingly and also included my proposed design (both transparent).
Please let me know your thoughts.

esha_kundu’s picture

esha_kundu commented
Assigned: esha_kundu » Unassigned

  • johnv committed ba79cd84 on 8.x-1.x 
    Issue #3459408 by esha_kundu, AaronDeutsch, kristen pol, debdeep....
johnv’s picture

johnv
Primary language Dutch
commented
Version: 8.x-1.x-dev » 8.x-1.17
Status: Needs review » Needs work

After committing above fix, I noticed:
1. the logo is nicely appearing on the drupal.org project page: www.drupal.org/project/office_hours
2. the module still DOES NOT show up on the local 'Browse projects' page: admin/modules/browse
3. the logo DOES NOT show up on the local 'Add field' page: admin/structure/types/manage/ctoh/fields/add-field , where other modules do show a logo.
4. The logo apparently is not foreseen to be used on the local 'Help' page: admin/help

Can someone hint me to the solution for points 2 and 3?

johnv’s picture

johnv
Primary language Dutch
commented
sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs work » Reviewed & tested by the community
StatusFileSize
new Screenshot from 2024-10-14 12-52-49.png79.16 KB

Hi @johnv,
To address your doubts regarding the pointers 2 and 3.
Project Browser doesn't yet incorporate an API to pull realtime latest changes from D.O. That was in queue in the mean time and thus was not appearing on the 'Browse Projects' page. But now its clearly appearing on that page. I'm attaching a screenshot for quick reference!
As far as the pointer 3 is concerned, Project Browser logo won't appear on the add-field page, PB logo are not related to that. To have a nice icon over there we've to open a new issue and work on that, we can definitely ship this logo (a resized version) to fit as an icon for the field type.

Hope it answers your queries :)

johnv’s picture

johnv
Primary language Dutch
commented
Status: Reviewed & tested by the community » Fixed

@sourojeetpaul, Thanks for you r answer.
I am now reassured.

sourojeetpaul’s picture

sourojeetpaul commented

No issues @johnv, Glad to see the issue is fixed now :)

Status: Fixed » Closed (fixed)

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