Create logo for Feeds Tamper for Project Browser Initiative

Created on 5 July 2024, 6 months ago

Problem/Motivation

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

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

    Moving to project's queue per @leslieg.

  • Assigned to sourojeetpaul
  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    @sourojeetpaul
    I think it would be cool if the logo was a combination of the Feeds monster and the proposed Tamper logo.

    This is the proposed Tamper logo from ๐Ÿ“Œ Project Browser: Create logo for Tamper Needs review :

    For Feeds, we could stick with something close like the current monster:

    Or something like this:

    ๐Ÿ“Œ Project Browser: Create a logo for Feeds Needs review

    This was my first try for Feeds Tamper:

    But I'm not sure about that one, makes the Feeds monster look like a junkie. I just sketched it to see of how it would look like.

  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    An other idea I had in my mind, but I haven't sketched that one yet, is one with the Feeds monster from the front, and trying to put the whole funnel (from the Tamper logo) in his mouth.

  • Issue was unassigned.
  • Status changed to Needs review 4 months ago
  • It was quite interesting to work on. But quite a task of making it fit within the 10kb size. This is the least that I was able to reduce the file size, slightly bigger than the specified one.
    Pls have a look though!

  • Status changed to Needs work 4 months ago
  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    Oh wow! That looks great! Well done! I like it that you used only two base colors in it, makes it calm color wise.

    Feedback:

    • Maybe it's me, but it looks like that the right shoulder of the monster is a bit off.
    • Feeds Tamper mostly does text conversions, like "find and replace", concatenating strings and converting dates from one format to another. The logo suggests that it transforms certain types of files, so that doesn't quite fit with its functionality. Instead you could perhaps go for the abstract idea of transforming like in the Tamper logo: changing an object's shape and color. Or you could try to visualize a bit more that Feeds Tamper mostly does text based transformations.

    Maybe you want to try something like that for Feeds itself as well? So that we've a similar looking monster for that one. Having it in a bit different pose for Feeds would be a plus - so that it differentiates from the Feeds Tamper logo better.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Very cute ๐Ÿ˜

  • Status changed to Needs review 4 months ago
  • Hi @megachriz, Thanks for your feedback.
    Yes I didn't want to make the bear too much poppy with a riot of colours, yet vibrant enough to be noticeable. Also it helped me reduce the file size extensively, as I was letting go of unnecessary colour gamets!
    Not sure about the right shoulder, but ya made some little adjustments now, hope it looks better than the previous one.
    And thanks for enlightening me about the supported file types here, I haven't used the module yet, just went off by the synopsis and thought about all sorts of file types.
    Now I've just removed the file type demarcation to make it more generalized and abstract.

    Also, Yes I'm working on a slightly different variation of the bear for the Feeds module. I'll keep that posted on that issue thread. Along with that as I'm getting a sense that the module is a combination of Feeds and Tamper module, so I'll also be addressing the Tamper module logo, so as to make all three of them more coherent!

  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    Thanks for the quick update!

    Along with that as I'm getting a sense that the module is a combination of Feeds and Tamper module, so I'll also be addressing the Tamper module logo, so as to make all three of them more coherent!

    I give a quick summary of the three modules:

    • Feeds is the module for importing content on your Drupal site (nodes, users, taxonomy terms and other content entity types). The data can come from various locations and be of various formats. Out of the box, data can come from an url, file or directory. Supported formats are (among others) RSS and CSV. Other modules, like Feeds Extensible Parsers, add more supported data formats, like JSON and XML.
    • Tamper is the module for transforming data (for example find and replace text). It doesn't provide an UI of its own.
    • Feeds Tamper is like a bridge between Feeds and Tamper: it provides an user interface for configuring Tamper plugins and makes sure that these plugins can be used for Feeds.

    Note that the modules Feeds and Tamper are their own projects. They don't depend on eachother. They are only connected by the Feeds Tamper module. So with that said, the Tamper module should not get the Feeds monster in its logo.

  • Thanks @megachriz for the brief overview of theses. Its good to see that what I've thought about is aligning with what you've just described.
    Yes, the Tamper module logo won't be having the monster in it, you can be assured about that.
    Any feedback on the logo that I've provided last, else I think we can move the issue forward to RTBC++

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    Hi @sourojeetpaul, I've reviewed the logo โ†’ uploaded in the comment #9 ๐Ÿ“Œ Create logo for Feeds Tamper for Project Browser Initiative Active . The proposed logo meets the following requirements:

    1. Logo dimensions: 512x512px
    2. File format: png
    3. No animation has been used in the logo.
    4. Image quality is fine.

    However, the logo file size is 10.2kb (as shown in the attached screenshot) which doesn't meet the logo requirement. The logo should be within 10kb. The logo represents the module functionality but I think it would be better if the feeds input and output for the tamper were shown in different colors like the shape conversion has been shown from circle to square. So that it can be distinguished for the conversion. In addition, the word tamper or t should be added in the tamper design as like #4 ๐Ÿ“Œ Create logo for Feeds Tamper for Project Browser Initiative Active or the feeds-tamper-logo-attempt.png โ†’ shown by @megachriz.

    As the proposed logo doesn't meet the logo requirements hence moving issue status to Needs work.

    Thanks!

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    Attached the screenshot for the logo file size reference.

  • Hi @tirupati_singh,
    Thanks for your review. As far as it concerns with the size constraints, we had a brief discussion with @Kristen on the slack channel and got to know that its not that of a hard and fast rule, but we should definitely try to keep the logo below 20KB. Here as we're using a lot of strokes and colours the file size couldn't be compressed any further, with using different variants of colours the colours gamets increases exponentially which in turn raises the file size. We had quite a lot of discussion over slack on the logo and its possible variants, so as per the feedback I'm attaching the new logo.

    @megachriz @irinaz As per our discussion earlier today I've incorporated the suggested changes, Pls have a look now.
    Also I've shared the illustrator file on the slack thread, you can try out something new if you want to. I hope this version addresses all your concerns with a mix of different colours and shapes for the items instead of cookies and also have larger strokes now :)

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    Hi @sourojeetpaul, I've reviewed the updated logo and it meets the following requirements:

    1. Logo dimensions: 512x512px
    2. File format: png
    3. No animation has been used in the logo.
    4. Image quality is fine.
    5. The proposed logo represents the module functionality.

    As the logo file size 10kb is not a hard and fast requirement hence moving the issue status to RTBC.

  • Status changed to Needs work about 1 month ago
  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    I would like the strokes of the bear to be as thick as on the Feeds logo:

  • Hi @megachriz,
    As per our discussion on slack last night, here is the ai file for the feeds tamper logo.
    Iโ€™ll leave this upto you from here as youโ€™ve made the final adjustments on the feeds logo so itโ€™ll be easier in that way to have persistent strokes throughout.

  • Hi @megachriz,
    I just tried to adjust the strokes according to Feeds logo as you suggested. Please check once if it now looks good to you :)

  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands megachriz

    Can you share the editable file of this design? I might want the circles to be green in case that looks good with the design. See also ๐Ÿ“Œ Project Browser: Create logo for Tamper Needs review .

Production build 0.71.5 2024