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

Proposed resolution

CKEditor FakeObjects logo idea

  • 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
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

Kristen Pol created an issue. See original summary.

jacobadeutsch’s picture

StatusFileSize
new8.4 KB

here's a logo

kristen pol’s picture

Issue summary: View changes
Status: Active » Needs review

Thanks. Cool design. Marking for review.

Adding image to the summary.

kristen pol’s picture

Title: Create logo for CKEditor FakeObjects for Project Browser Initiative » Project Browser: Create a logo for CKEditor FakeObjects
Project: Project Browser » CKEditor FakeObjects
Version: 1.0.x-dev » 8.x-1.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.

kristen pol’s picture

StatusFileSize
new11.37 KB

Since this is for CKEditor, I wonder if their logo should be incorporated somehow... maybe replace the box? (Don't include the version number)

xmacinfo’s picture

I like the idea in #5 without the version number pill.

Since the module creates a fake object, I would use the general form of logo in the previous comment, although with a dotted or dashed coloured outline filled with white.

AaronDeutsch’s picture

StatusFileSize
new6.8 KB

tried to incorporate the logo here

kristen pol’s picture

Status: Needs review » Reviewed & tested by the community

Thanks. I’m not 100% sure this matches the request in #6 but it matches project browser requirements so moving to RTBC for maintener review

xmacinfo’s picture

Status: Reviewed & tested by the community » Needs work

@AaronDeutsch You got right the CKEditor part. But, can you explain the facemask part?

AaronDeutsch’s picture

Oh yeah I was trying to remake #2 and incorporate the logo as suggested in #5. I can remove the mask from it, I just wasn't clear on that being the suggestion

AaronDeutsch’s picture

StatusFileSize
new3.85 KB
new4.16 KB

here are 2 options here

xmacinfo’s picture

Awesome! Thank you for providing two options.

I prefer “akeobject_t-fs8.png”.

Can you prepare a MR (or a patch file)?

kristen pol’s picture

I should be able to do this on the plane in a bit if the WiFi cooperates:)

kristen pol’s picture

Issue summary: View changes
Status: Needs work » Reviewed & tested by the community

Here's the MR :)

xmacinfo’s picture

Amazing. This is merged.

Thank you everyone.

kristen pol’s picture

Great :)

kristen pol’s picture

Status: Reviewed & tested by the community » Fixed

I thought it would move to fixed automatically but didn't seem to... so changing status :)

xmacinfo’s picture

I should have marked it fixed manually. Thanks. 😃

Status: Fixed » Closed (fixed)

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