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 Slick Paragraphs 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-08-14 17-46-10.png28.42 KBsourojeetpaul
#11 Slick-Paragraphs-3.png4 KBsourojeetpaul
#11 Slick-Paragraphs-2.png4.21 KBsourojeetpaul
#11 Slick-Paragraphs-1.png4.26 KBsourojeetpaul
#8 Slick-Paragraphs (1).png4.88 KBsourojeetpaul
#5 Slick-Paragraphs.png5.84 KBsourojeetpaul
#3 Screenshot 2024-08-03 at 10.44.44 AM.png345.47 KBkristen pol

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 Slick Paragraphs for Project Browser Initiative » Project Browser: Create a logo for Slick Paragraphs
Project: Project Browser » Slick Paragraphs
Version: 1.0.x-dev » 3.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.

kristen pol’s picture

kristen pol
she/her
Primary language English
Location Santa Cruz, CA, USA
commented
StatusFileSize
new Screenshot 2024-08-03 at 10.44.44 AM.png345.47 KB

The current screenshot does not match the requirements.

sourojeetpaul’s picture

sourojeetpaul commented
Assigned: Unassigned » sourojeetpaul

Hi @Kristen Pol,
I think it'll be better if we target the screenshot issue over a separate ticket, as the issue is tagged with "PB logo" issue. So updating screenshot for the same doesn't align with the tag.
I'm providing a logo for it quickly :)

sourojeetpaul’s picture

sourojeetpaul commented
Assigned: sourojeetpaul » Unassigned
Status: Active » Needs review
StatusFileSize
new Slick-Paragraphs.png5.84 KB

@Kristen Pol, Pls find attached the logo and share your views!

kristen pol’s picture

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

Thanks. I like this but I’m not sure if it’s obvious enough that this matches the name of the module. Leaving open for other reviews.

gausarts’s picture

gausarts commented
Status: Needs review » Needs work

@sourojeetpaul, #5 is cool, thanks.

However as @kristen-pol said, it might need a little more association to Slick or Paragraphs modules.

Their logos exist.

If you could incorporate or just combine Slick and Paragraphs logos in a coherent design/ association, that would be more recognizable, not necessarily descriptive.

Thank you.

sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs work » Needs review
StatusFileSize
new Slick-Paragraphs (1).png4.88 KB

Hi @gausarts,
Thanks for the review! I've made modifications on it accordingly.... With this its now representing Paragraphs and Slick both in a functional way as well as branding aspect!
As Paragraphs helping us creating a sort of components and then adding reference of the same to different entities, as a variant or instance of the same structural component, hence we depicted 3 variants having structural similarity with change in content as well as incorporated the brand logos so as to make a stronger connection connotatively as well as descriptively!

gausarts’s picture

gausarts commented

It is good, but I am afraid a bit more complex for a logo, IMHO.

Just my two cents, maybe a minimalist logo is more prominent, no descriptive accessories are needed as previously mentioned.

I was thinking about just combining the two logos of Slick and Paragraphs with a single color so to be more coherent or integrated to depict more about integration idea.

Anything that is still recognizable as a favicon is normally a so-called minimalist.

We'd love to hear what others' feedback on this, as well.

gausarts’s picture

gausarts commented

To be clear and minimize efforts, perhaps a combination of letters:

  • Slick P
  • S P

Whichever looks prominent, I would leave it to your best design choice.

If you'd like to incorporate your initial design in #5, it would be better to be placed as a background around those letters so to be more coherently.

sourojeetpaul’s picture

sourojeetpaul commented
StatusFileSize
new Slick-Paragraphs-1.png4.26 KB
new Slick-Paragraphs-2.png4.21 KB
new Slick-Paragraphs-3.png4 KB

Hi @gausarts,
As per your previous comment I've understood is basically we want something like a calligraphy with the initials of the aforementioned module and libraries.
But I'm a bit doubtful about making both of them to be some same colour or background as in those are brand logos and the colours for them have been designated after careful consideration, so altering the colours just to make bring cohesiveness is a bit thoughtful!
Still I'm uploading all the 3 versions I've managed to create in the mean time. Have a quick look :)

gausarts’s picture

gausarts commented

I thought the last would be more recognizable, but apparently not due to confusing small letter "s". Intriguing positively and interesting nonetheless :)

The second one is more recognizable and beautiful:
https://www.drupal.org/files/issues/2024-08-14/Slick-Paragraphs-2.png

We'll keep it open for a mo to hear others' feedbacks before I can place it at the project home.

Thank you for your works!

kristen pol’s picture

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

I like the first two but they need to be 512x512

sourojeetpaul’s picture

sourojeetpaul commented
StatusFileSize
new Screenshot from 2024-08-14 17-46-10.png28.42 KB

Hi @Kristen Pol,
All the logos I've provided till now is of 512x512 and meeting other requirements as well. Can you kindly verify once again?
Attaching the properties screenshot for quick reference :)

gausarts’s picture

gausarts commented

Ok, 512px is good, then :)

One last question, @sourojeetpaul:
Which one do you want to place at this project home?

sourojeetpaul’s picture

sourojeetpaul commented

Hi @gausarts,
To choose from the first two I'd prefer the second one. But I'll defer to your opinion here. I'll be glad if any of my logo finds a home at your project.
Thanks :)

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

Ah… because the background was a rectangle, I assume the size was wrong… looking on phone. Then I’ll let @gusarts decide which one :)

gausarts’s picture

gausarts commented

@sourojeetpaul, I am with you :)

I'll arrange some time this week, and close this.

  • gausarts committed 215cc75d on 3.0.x 
    Issue #3459442 by sourojeetpaul, kristen pol: Project Browser: Create a...
gausarts’s picture

gausarts commented
Status: Reviewed & tested by the community » Fixed

Thank you for contribution and patience.

Status: Fixed » Closed (fixed)

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