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 Flag module needs a logo for this objective.

Proposed resolution

Note there is a 9 year old issue:

#2463791: Add Flag Logo SVG to the repository

That created this logo but it doesn't show up on the project page. It can be used for inspiration though :)

  • 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
#9 flag2-fs8.png3.71 KBAaronDeutsch
#4 flag_logo-fs8.png4.71 KBjacobadeutsch

Comments

Kristen Pol created an issue. See original summary.

kristen pol’s picture

Issue summary: View changes

Adding link to 9 year old logo issue.

kristen pol’s picture

Title: Create logo for Flag for Project Browser Initiative » Project Browser: Create a logo for Flag
Project: Project Browser » Flag
Version: 1.0.x-dev » 8.x-4.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 this from project_browser queue to project queue per @leslieg.

jacobadeutsch’s picture

StatusFileSize
new4.71 KB

here's a logo

kristen pol’s picture

Thanks @jacobadeutsch. For some reason, it looks to me like an animal head the logo is the eye... can you try adjusting the wave of the flag and/or colors to see what you can do?

kristen pol’s picture

Status: Active » Needs work

Moving to needs work.

kristen pol’s picture

And did you see the old logo linked to in the summary?

flag module logo

kristen pol’s picture

Issue summary: View changes

Add logo to summary.

AaronDeutsch’s picture

StatusFileSize
new3.71 KB

I tried combining elements of both designs here

kristen pol’s picture

Status: Needs work » Reviewed & tested by the community

I like that better, thanks.

  • berdir committed a3fe70f5 on 8.x-4.x
    Issue #3459459 by jacobadeutsch, AaronDeutsch, kristen pol:  Project...
berdir’s picture

Status: Reviewed & tested by the community » Fixed

Preparing a merge request helps to get those flags committed, I don't have to do it manually then.

I'm not entirely sold on the whole actual flag idea. Not a native speaker, but for me, flag is more about a marker than an actual flag. I don't know how to visualize that though, and the old one was also an SVG. At least it's easy to identify and remember, even though it might not actually help a new user identify what this project does.

Status: Fixed » Closed (fixed)

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