Create a logo that is 512x512 square dimension in PNG format without animations. Suggested file size should be 10k or less. Use a lossy image tool (such as pngquant) to reduce file size while keeping the image quality at around 80%.

MAINTAINERS: The logo should be added to the root folder of the 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.

Problem/Motivation

Proposed resolution

Metatag Logo with White Drupalicon with face and square corners

Comments

ChrisDarke created an issue. See original summary.

leslieg’s picture

Title: [Meta] Metatag Project - Update Logo » Metatag Project - Update Logo
chrisfromredfin’s picture

Component: Documentation » Contrib changes
leslieg’s picture

Status: Active » Needs review
bsnodgrass’s picture

Assigned: Unassigned » bsnodgrass

assigning to myself

leslieg’s picture

Status: Needs review » Needs work

Looks like this still needs work

damienmckenna’s picture

Title: Metatag Project - Update Logo » Metatag Project - Create a logo
Status: Needs work » Active
bsnodgrass’s picture

Assigned: bsnodgrass » Unassigned

We discussed this Damien, he would like it if someone could create a logo for the metatag module.

I am not the right person for this, so unassigning myself.

alyssapanetta’s picture

Status: Active » Needs work
alyssapanetta’s picture

Working on this with Design4Drupal

lostcarpark’s picture

StatusFileSize
new8.59 KB

Here is my first thought on a logo for the Metatag module...
Metatag Logo

damienmckenna’s picture

That's really neat! How about changing it to Druplicon instead of the more generic logo?

lostcarpark’s picture

Hi Damien,
Sorry I get confused between the Drupal logo variants. Which one are you thinking of?

damienmckenna’s picture

lostcarpark’s picture

StatusFileSize
new9.69 KB
new6.14 KB

Here are a couple of possible versions to consider...

Metatag Drupalicon

Metatag Drupalicon White

I still prefer the one from my original post, but are there trademark issues with using that logo?

damienmckenna’s picture

Status: Needs work » Needs review

The Druplicon logo is licensed under the GPLv2 license, so this usage is allowed.

lostcarpark’s picture

Status: Needs review » Needs work

I see that. But the generic logo in my first post is trademarked, so might be more problematic?

damienmckenna’s picture

Yes.

I like the general shape of the Druplicon one (not the two-color one).

What was your rationale for using the color green? How would the image work if it was blue?

lostcarpark’s picture

No particular reason for choosing green, except for variety.

I'd be happy to do a blue version.

lostcarpark’s picture

StatusFileSize
new6.08 KB

How about this?

Metatag Logo with Blue background

lostcarpark’s picture

Status: Needs work » Needs review
lostcarpark’s picture

Issue summary: View changes
lostcarpark’s picture

Issue summary: View changes
chrisfromredfin’s picture

+1 on #20 - love it!

damienmckenna’s picture

That does look better than the green version.

How would it look with the full druplicon instead of just the outline?

lostcarpark’s picture

I have tried a version with the Drupalicon, but it's challenging to get enough contrast between the background and the foreground:

Metatag Logo with Blue Drupalicon

As an alternative, I've tried adding the face to the white version. I think I like this one best:

Metatag Logo with White Drupalicon with face

lostcarpark’s picture

Issue summary: View changes
lostcarpark’s picture

Issue tags: +Drupalcon Prague 2022
amourow’s picture

#20 Looks better to me.
https://www.drupal.org/project/project_browser/issues/3277521#comment-14...

Project browser already has a border radius in the list, the corner radius may cause conflict to it. How about remove the corner and leave it to the CSS.

lostcarpark’s picture

Oh, I hadn't realised. I can redo with square corners.

lostcarpark’s picture

StatusFileSize
new19.14 KB

Here is the version with a face with square border

Edit: removed because I uploaded the non-minified version.

lostcarpark’s picture

StatusFileSize
new6.86 KB

Here is the version with a face with square border:

Metatag Logo with White Drupalicon with face and square corners

lostcarpark’s picture

StatusFileSize
new6.43 KB

I'm also uploading the faceless version. Putting in a separate comment to make it easier for people to express a preference:

Metatag Logo with White faceless Drupalicon and square corners

lucassc’s picture

Logo #32 looks great to me! +1 for this

lucassc’s picture

StatusFileSize
new32.31 KB

Screenshot of how this looks like on the card

Screenshot of Logo #32 on the card

lucassc’s picture

StatusFileSize
new31.83 KB

how logo #33 looks like on the card

screenshot of logo #33 on the card

damienmckenna’s picture

I think #35 looks really good!

damienmckenna’s picture

I'd like to add the image to the module as an example for the test coverage. Might you be able to upload an SVG of the image too? Thank you.

lostcarpark’s picture

Unfortunately the issue queue doesn't accept a SVG file. Will get to you another way.

lostcarpark’s picture

Issue summary: View changes
damienmckenna’s picture

You could zip/gz it?

sophiavs’s picture

Status: Needs review » Reviewed & tested by the community

For me the #32 is really awesome, since there was some people who agreed i'll pass to RTBC.

ressa’s picture

You can rename it like this: filename.svg_.txt

lostcarpark’s picture

StatusFileSize
new4.33 KB

Uploaded SVG with .txt label as suggested.

damienmckenna’s picture

Assigned: Unassigned » damienmckenna

I created two separate issues for adding the new logos to the codebase and update the tests to use them: #3311542 and #3311543

The next thing to do is to update the project settings to use the logo.

ressa’s picture

damienmckenna’s picture

Done! https://www.drupal.org/project/metatag

Great work everyone!

I'll leave this RTBC for the Project Browser maintainers to close and give the appropriate attribution.

lostcarpark’s picture

This logo has been adopted by the module. Can this issue be closed?

leslieg’s picture

Hi Damien. Could you please take this one last step - we initially were going to use the first image as the Project Browser logo, we are now using the logo.png file in the codebase. Thanks

MAINTAINERS: The logo should be added to the root folder of the 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.

damienmckenna’s picture

damienmckenna’s picture

Done.

leslieg’s picture

Thanks Damien. You can remove the logo from the images. We are pulling the logo from logo.pong now, so no need to also have it as the first image.

damienmckenna’s picture

Done.

damienmckenna’s picture

Assigned: damienmckenna » Unassigned
bramdriesen’s picture

This can be set to fixed as the logo has been committed, not doing this myself so a maintainer here can check credits.

https://git.drupalcode.org/project/metatag/-/blob/8.x-1.x/logo.png?ref_t...

leslieg’s picture

leslieg’s picture

Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

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