Create logo for Tamper for Project Browser Initiative

Created on 5 July 2024, 7 months ago

Problem/Motivation

The Project Browser Initiative wants nice project logos for better UX.

The Tamper 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

Active

Version

1.0

Component

Contrib changes

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

    Move to project's queue per @leslieg.

  • Assigned to megachriz
  • πŸ‡³πŸ‡±Netherlands megachriz

    I have been sketching ideas for this. I'm on mobile now, hopefully I can post my idea in the next few days.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Great πŸ‘

  • πŸ‡³πŸ‡±Netherlands megachriz

    @Kristen Pol
    This is what I have made for Tamper:

  • πŸ‡³πŸ‡±Netherlands megachriz

    Reduced size:

  • Status changed to Needs review 6 months ago
  • πŸ‡³πŸ‡±Netherlands megachriz
  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Cool πŸ‘ I’m on phone so hard to check the dimensions but the file size is good and it’s very different from other logos to help differentiate it.

  • Issue was unassigned.
  • Hi @megachriz,
    Coming here from the conversation of the Feeds Tamper module logo design. As per your brief about the functionality of the module this is what I came up with. I hope that brings a uniformity in it!
    Also I'm not a big fav of texts on logos, hence omitted the same on my version. Pls have a look

  • πŸ‡³πŸ‡±Netherlands megachriz

    @sourojeetpaul
    Thanks for your work! I like the stripes in the logo that suggest motion.

    However, I do think I like my version a bit better for the following reasons:

    • Because of its simplicity: I like that it visualizes an object changing shape and color.
    • Because the funnel is bigger, makes it more stand out when the logo is viewed at a smaller size.

    Maybe from my version, only the color and perhaps the shape needs to be adjusted a bit so that it matches with the proposed Feeds Tamper logo?

    And perhaps it is a good idea to adjust the Feeds Tamper logo a bit, if possible. And use the diamond and circle shapes in there instead of the cookies?

  • Hi @megachriz,
    Sorry for such late response, I was a bit caught up in the mean time on some other development work. As per our discussion earlier today over slack, here I'm attaching a new version of the logo, which I believe addresses all your pointers.
    The funnel is bit bigger now and along with shape transformation now colour change has also been added which certainly help in visualising the transformation thing. The colour scheme IMO blends well with the bear of the Feeds Tamper logo, so we have a cohesive yet distinct logo eco system :)

    Pls have a look and share your feedbacks!

  • Status changed to Needs work about 1 month ago
  • πŸ‡³πŸ‡±Netherlands megachriz

    Can you share the edit file of this logo? I think I would like the image a bit bigger and I would like the circle to be green. As I think the color green communicates that the object is now "good", as in you managed to transform the data in the way you wanted it to be. I'm also still considering my own design, but I don't know if that fits with the proposed logo for Feeds Tamper: πŸ“Œ Create logo for Feeds Tamper for Project Browser Initiative Active .

Production build 0.71.5 2024