Created on 17 February 2025, 5 months ago

Overview

To promote experience builder, it would be nice to have a logo / icon available

I found something abstract in figma:
https://www.figma.com/design/Ps3m4APGHIILsBrm0Uj31N/Experience-Builder?n...

The logo could then also be used by project browser. See this issue for reference
https://www.drupal.org/project/sitemap/issues/3459435 ๐Ÿ“Œ Project Browser: Create a logo for Sitemap Active

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

User interface changes

tbd

โœจ Feature request
Status

Active

Version

0.0

Component

Page builder

Created by

๐Ÿ‡จ๐Ÿ‡ญSwitzerland dasjo Zurich

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @dasjo
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks! That icon seems okay but maybe someone can make something a bit more interesting?

    In the meantime, someone can pull out that icon, size it, and attach here or create MR.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    I have attached three versions of the PNG and an SVG.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida
  • ๐Ÿ‡ง๐Ÿ‡ชBelgium wim leers Ghent ๐Ÿ‡ง๐Ÿ‡ช๐Ÿ‡ช๐Ÿ‡บ

    Wow, very cool! ๐Ÿคฉ Thank you!

    Deferring to XB's product manager on whether to land this as-is or not ๐Ÿ˜„

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    Hey ๐Ÿ‘‹ I just wanted to let you know that the design department of 1xINTERNET is currently working on a logo for this, I will provide it here once it is available.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    I am really happy to share the work of my colleague รngela โ†’ ๐ŸŽ‰

    The logo is showing a puzzle piece which stands for components that can be placed into the Experience Builder. The pencil inside of it indicates editing functionality which is a great combination! It is following the new CI of Drupal and looks very clean so it can be used for promotion of Experience Builder.

    SVG and 512ร—512 PNG files have been attached โœ…

    What do you think about it?

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

    Thanks ๐Ÿ™ Itโ€™s very clean but Iโ€™m not sure itโ€™s clear what it represents. Iโ€™ll wait for others to chime in

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    I have just asked ChatGPT and it's saying the following:

    ๐Ÿ” Interpretation of the Logo

    Puzzle Piece Shape ๐Ÿงฉ
    This suggests modularity, plug-and-play architecture, and customizability โ€” all key traits of Experience Builder and Drupal functionality.

    Pencil Icon โœ๏ธ
    Indicates editing, customization, or content creation โ€” a natural fit for a WYSIWYG (what you see is what you get) or low-code editor.

    Color Scheme ๐Ÿ”ต
    The blue and white color is reminiscent of Drupalโ€™s own branding, which strengthens the association.

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

    Iโ€™m not opposed to the logoโ€ฆ it just doesnโ€™t feel like โ€œExperience Builderโ€ to meโ€ฆ but not sure what would. Iโ€™m NOT a designer:)

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany breidert

    I like it, but I might be biased :-)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    Hereโ€™s another idea. How about a drop with an interlocking plastic brick in it? I asked AI for an example, and this is the closest it got to what I had in mind. I would use just flat blue and white to draw the logo.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    Here's the flat blue drop with the white block.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    With XB in the logo.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    Moved X and B to the sides of the block.

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

    I like the last one and it conveys building because of the block though not sure who outside of those working with XB will understand โ€œXBโ€ stands for Experience Builder:)

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany thomas.wardin

    Vote for #15

  • -1 for #15 :) -- I can say that I do hate it somehow, seems like a 1990 logo and it doesn't fit with the drupal mark :) Yay!

    +1 for @yannickoo #7 (maybe it just need the drupal mark)

    +10 for three stacked layers (e.g: https://fr.wordpress.org/plugins/siteorigin-panels/ )

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

    Something with layers could be nice

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    Stacked layers.

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

    Nice :) I like that one. At this point, we should let Lauri decide, as there are a few options to choose from.

    Maybe if I RTBC, then he'll see it easier ;)

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

    Making it more clear what it's for

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    Here are some more examples:

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    I forgot to post my feedback for the stacked layers: I think that can confuse people since this is exactly the same icon we use in the Navigation for the Structure link.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    In order to provide a quick overview about all the current candidates I have prepared this here to make it easier:

    I think it is important to have a proper logo for the Experience Builder that is not just a ๐Ÿ’ง but something on its own. When you check the Modules โ†’ overview page on drupal.org you will see that many projects are just having a drop with something inside. The Experience Builder should have something unique because it will be visible in presentations where we cannot just two drops next to each other, that would look too similar.

    Here are few logos of other projects that are using the drop approach which we should not necessarily follow:

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

    Thanks, adding this to the issue summary.

  • ๐Ÿ‡ช๐Ÿ‡ธSpain Carlitus

    I like candidate 4 because the Lego pieces and drag & drop evoke the idea of an interface that allows you to build something larger with smaller pieces, and you can do this easily by moving the pieces with the mouse.

    But it's easier to identify the module name with the XB that candidate 6 has. And it's good that the logo is as identifiable as possible without prior knowledge.

    ยฟMaybe the Candidate 4 with the XB?

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    Fresh out of the oven four new candidates for the logo ๐Ÿ”ฅ

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

    Thanks!

    I like 10 the most, given what was pointed out regarding the heavy use of the drop already as the outline. Perhaps it's less exciting than some of the others, but it's clean and, I think, clearer about what the functionality might be.

    I like the *idea* of the puzzle pieces, but I find the lines distracting with the drop as it breaks it up visually in a way my brain doesn't like.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States darren oh Lakeland, Florida

    It is customary for official Drupal initiatives to use some variation of the drop.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany yannickoo Berlin

    Thank you for the quick feedback! I will forward this this to the kitchen ๐Ÿง‘โ€๐Ÿณ

Production build 0.71.5 2024