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 Layout Builder Restrictions 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

Comments

Kristen Pol created an issue. See original summary.

AaronDeutsch’s picture

StatusFileSize
new1.47 KB
new1.45 KB

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

kristen pol’s picture

Status: Active » Needs work

Sorry, that comment was for another issue.

Thanks! The design feels a bit cramped... perhaps reduce the overall size of the graphics or remove one of the asterisks.

kristen pol’s picture

Sorry, that comment was for another issue.

Alternatively, use a transparent background so it's not "hitting the edges".

kristen pol’s picture

Status: Needs work » Needs review

Sorry, those comments were for another issue, so striking them out.

kristen pol’s picture

Title: Create logo for Layout Builder Restrictions for Project Browser Initiative » Project Browser: Create a logo for Layout Builder Restrictions
Project: Project Browser » Layout Builder Restrictions
Version: 1.0.x-dev » 3.x-dev
Component: Contrib changes » Code
Issue summary: View changes
Status: Needs review » Needs work
Issue tags: -Project Browser Initiative +Project Browser Logo
Parent issue: #3342533: [Meta] Create a logo for a contrib module »

I think the layout blocks should be centered in the image so maybe go a bit smaller to shift it.

Add logo to summary.

Moving to project's queue per @leslieg.

manojsaha’s picture

Assigned: Unassigned » manojsaha

I am Picking up from here

manojsaha’s picture

Assigned: manojsaha » Unassigned
Status: Needs work » Needs review
StatusFileSize
new4.49 KB

I have created the logo, please review.

sourojeetpaul’s picture

Status: Needs review » Reviewed & tested by the community

Hi @manojsaha,
Thanks for your contribution! The logo perfectly aligns with the PB logo
constraints as well as it also aligns with the module's functionality. Hence moving this forward RTBC++

mark_fullmer’s picture

Status: Reviewed & tested by the community » Fixed

Thanks, everyone!

Status: Fixed » Closed (fixed)

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