Project Browser: Create a logo for Clientside Validation

Created on 5 July 2024, 5 months ago
Updated 19 September 2024, 2 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 Clientside Validation 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

RTBC

Version

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

    Move to project's queue per @leslieg.

  • Assigned to sourojeetpaul
  • Issue was unassigned.
  • Status changed to Needs review 3 months ago
  • It was a bit tricky to showcase the functionality visually. This is what I came up with after a lot of brainstorming. Pls have a look...

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

    Thanks! I don’t think it needs the person in it and it would be good if it looked more like a form

  • Status changed to Needs review 3 months ago
  • Just one question Kristen,
    If we remove the person from the logo then how we're going to decipher the 'clienside' aspect of the validation?
    Any thoughts on that?!

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

    I see. I guess it’s fine to keep it. Just looks more cluttered IMO. We don’t have a “server side validation” module so I’m not sure it’s really necessary though. Perhaps have both versions and the maintainer can decide?

  • Ok @kristen pol,
    I'm sharing 3 variants for the maintainer to choose from...

  • Status changed to RTBC 2 months ago
  • 🇮🇳India manojsaha Kolkata

    Hello @sourojeetpaul
    I like the first version among all the logos because it follows the proper guidelines for the requirements of Drupal module logo design. On the other hand, anyone can clearly understand that the form is for the client's side. So, I think this is one can be a good option.
    I am moving the issue to RTBC++.

Production build 0.71.5 2024