Project Browser: Create a logo for Slick Paragraphs

Created on 5 July 2024, 5 months ago
Updated 8 September 2024, 3 months ago

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
📌 Task
Status

Fixed

Version

3.0

Component

User interface

Created by

🇺🇸United States Kristen Pol Santa Cruz, CA, USA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Kristen Pol
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    Moving to project's queue per @leslieg.

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

    The current screenshot does not match the requirements.

  • Assigned to 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 :)

  • Issue was unassigned.
  • Status changed to Needs review 3 months ago
  • @Kristen Pol, Pls find attached the logo and share your views!

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

  • Status changed to Needs work 3 months ago
  • 🇮🇩Indonesia gausarts

    @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.

  • Status changed to Needs review 3 months ago
  • 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!

  • 🇮🇩Indonesia gausarts

    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.

  • 🇮🇩Indonesia gausarts

    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.

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

  • 🇮🇩Indonesia gausarts

    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!

  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

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

  • 🇮🇩Indonesia gausarts

    Ok, 512px is good, then :)

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

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

  • Status changed to RTBC 3 months ago
  • 🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

  • 🇮🇩Indonesia gausarts

    @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...
  • Status changed to Fixed 3 months ago
  • 🇮🇩Indonesia gausarts

    Thank you for contribution and patience.

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

Production build 0.71.5 2024