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 Contact Block 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
#9 contact-block-3.png5.4 KBsiramsay
#9 contact-block-2-.png4.47 KBsiramsay
#9 contact-block-1.png4.67 KBsiramsay
#7 Contact-Block.png4.75 KBmanojsaha
#2 contact_t-fs8.png1.01 KBAaronDeutsch
#2 contact_w-fs8.png1.05 KBAaronDeutsch

Comments

Kristen Pol created an issue. See original summary.

AaronDeutsch’s picture

AaronDeutsch
he/him
Primary language English
Location California
commented
StatusFileSize
new contact_w-fs8.png1.05 KB
new contact_t-fs8.png1.01 KB

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

kristen pol’s picture

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

Thanks! It would be good if we could convey this was for "contact" info though not sure just how.

kristen pol’s picture

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

Adding to the summary.

kristen pol’s picture

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

manojsaha’s picture

manojsaha commented
Assigned: Unassigned » manojsaha
Status: Needs review » Needs work

I am picking up from here. Also seems like the issue status needs to be changed, hence moving it to NW again.

manojsaha’s picture

manojsaha commented
Assigned: manojsaha » Unassigned
Status: Needs work » Needs review
StatusFileSize
new Contact-Block.png4.75 KB

I have made the logo, please review.

siramsay’s picture

siramsay commented
Status: Needs review » Needs work

I will submit a solution for this too.

siramsay’s picture

siramsay commented
StatusFileSize
new contact-block-1.png4.67 KB
new contact-block-2-.png4.47 KB
new contact-block-3.png5.4 KB

A few ideas showing the block nature of the contact form.

siramsay’s picture

siramsay commented
Status: Needs work » Needs review
sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs review » Reviewed & tested by the community
Issue tags: +Needs subsystem maintainer review

Hello there,
Nice logos folks! As per the module's functionality I'll prefer the one provided by @manojsaha, and the first one of @siramsay.
Both of them are properly following the PB logo constraints, hence I'm moving the issue forward to RTBC++
Though I'll defer to the maintainer for finalising the one!

vuil’s picture

vuil
Location Bulgaria 🇧🇬 🇪🇺 🌍
commented

Could you post a link to the documentation page of the Project Browser requirements?
Thanks in advance.

  • vuil committed 1d23e128 on 2.0.x 
    Issue #3459481 by siramsay, AaronDeutsch, manojsaha, kristen pol, vuil,...
vuil’s picture

vuil
Location Bulgaria 🇧🇬 🇪🇺 🌍
commented
Status: Reviewed & tested by the community » Fixed

Pushed into 2.0.x. It will be added to the next release.
I close the issue as Done.

Status: Fixed » Closed (fixed)

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