Build logo icon Design

[zhangtbj]

If we plan to move the project to official public org, we should also have an official logo icon so that the end user can remember us easily :)

Does anyone know who can help us design a log?

Such as:

[adambkaplan]

@siamaksade I seem to recall you had done some work here?

[siamaksade]

Here is the one we have right now.

[zhangtbj]

BTW, after we switch to the new org shipwright, do we still using this Logo?

[adambkaplan]

We've engaged with Red Hat's OSPO to provide a new logo. @siamaksade drew up this one in the interim:

[zhangtbj]

Thanks Adam.

BTW, @sbose78 .

Can you please also add me (@zhangtbj ) and @qu1queee as the the org admin. :)

I plan to switch the org logo by using this new logo, and we also need the permission to do the org or project normal operations in future.

Thanks!

[sbose78]

Please give me sometime before I setup admins in a well auditable way :) This isn't a Red Hat / non RH thing, this is more of me wanting to ensure that we have some good processes in place to make any changes needed.

Sorry for the late reply!

[zhangtbj]

Sure thing, thanks! Go ahead and also pls let us know if you need any help. :)

[adambkaplan]

First logo from OSPO:

My first takes:

1. I really like the compass and ruler.
2. Inverted heptagon aligns with Podman, Skopeo, Buildah, and other containers tools.
3. Ark at bottom - the symmetry works well, but I'd like to explore other shapes that fit thematically.
4. Color - I'm not in love with how it displays. Not quite purple, not quite black.

[siamaksade]

Looks nice. Definitely more color

[adambkaplan]

Round 2 of the ruler + ark logo (added colors for contrast):

[zhangtbj]

Can I know what are they in the photo?

I know it is a ship at the bottom, but what is that on the top? :)

[tigert]

Hello all :-)

Yeah, I can experiment with a "big ship" image for the boat - the above was not made to look like Ark on purpose, but rather a rowboat.

The thing is a "compass" (the thing you draw circles with) when designing the blueprint. Along with a ruler (the gray bar)

The color: The first one was "dark gray" just to focus on the shapes first, color comes later, even this colored one is just a sketch still. Once we have nailed down the shapes and idea, we can figure out the color palette.

[tigert]

But good comments, thanks. I'll see a few variants for this idea and will post here.

[tigert]

Here we have a variant with a bigger, non-ark like ship and two axes as a "builder" metaphor.

The axes of course dont make so much sense with a ship made of metal, but maybe everything is not so serious :-)

[tigert]

I think a simple ship works quite well though.

[sbose78]

I'll be honest, the axes did scare me :D

[adambkaplan]

@tigert generally positive reaction in the community meeting regarding the "only ship" design. However, we think it needs something to suggest a ship is being built. Example - a blueprint, other tools. We've decided against using the axes or the ruler + compass.

[tigert]

Yeah, the tools are a bit hard to understand, and even though they are not a hammer and a sickle, they might have some political associations :)

I will think of the blueprint idea, it might work.

[tigert]

This is my version of a blueprint :-)

[adambkaplan]

@tigert I like the version on the left!

[sbose78]

+1 on the one of the left , everything above the water has solid lines.

[adambkaplan]

@tigert I think we have consensus for the logo on the left. Can you please provide SVG and PNG versions?

[qu1queee]

+1 the one of the left

[SaschaSchwarze0]

Also +1 for me on the left one of the above two icons.

[tigert]

Hm, sorry about the quietness. If everyone is happy with the left version of the logo, I'll share the vector files.

Do you have (or would you like to create) a git repo for the project logo? Like shipwright-branding or shipwright-logo for example?

I can then make a pull request with the files.

[adambkaplan]

@tigert We have a website repo that has the SVG of the current logo [1].

Below is the guidance on adding logos and icons to our theme, Docsy [2]. One thing we don't have at the moment is a favicon.

[1] https://github.com/shipwright-io/website/blob/master/assets/icons/logo.svg
[2] https://www.docsy.dev/docs/adding-content/iconsimages/

[tigert]

Argh, sorry was busy with other things, so I am rather just attaching the files here to not delay things any further.

The favicon is kind of tricky with such small size, so I was thinking of something like this:

which is to look like a wave in the sea.

The actual logo could have a text with this style:

The pretty obvious problem we'll have on the website is that the top logo is rather small, and the linedraw-style of the logo does not stay very legible on small sizes. Hmm.

For the frontpage we can of course just make it bigger, centered, and a part of the center message. But for the documentation and other subpages the navigation bar is kind of small. Does anyone have good ideas?

[adambkaplan]

@tigert thanks for the update. Perhaps the following might help the logo scale down:

1. Remove the linedraw in the background (keep the same shade of blue).
2. Solid lines only?

[tigert]

Yeah. Ironically we are not that far from the original icon on the website right now :-) But I think this works pretty nicely, and would make a nice tshirt or a sticker too. And should be still recognizable in reasonably small size.

Edit: updated the ship image a bit more with a shadow for the bridge.

[tigert]

I was testing the logo with different things and this struck me as positively different and pretty sweet looking - in "I would wear that!" -way:

Thus I took a bit of an idea from that color scheme and tested, and I think this works quite nicely:

[zhangtbj]

Aha, cool!

Where can I get this t-shirt? I like it :)

[adambkaplan]

I did a non-scientific "test" of the logo with members of my household, none of whom are software engineers. It didn't go well.

When asked "what does this look like," the reactions ranged from "a mask" to "a hat" to "a tugboat." They stated the current logo looks more like a ship, and stated a preference for the existing logo over the one here. The existing logo uses negative space to convey the wave action, which reinforces the idea that it is a ship. We don't have the same kind of negative space detail in the proposed design.

On the positive side, they did like the color scheme.

Attaching here is a "quick and dirty" iteration on our current logo, with colors updated. If we switched the shape to the inverted heptagon and cleaned up the details would it work?

[adambkaplan]

Another suggested idea from the test - do a ship, but with a side profile vs. front profile. Not sure if that would work given that an icon needs square dimensions/proportions.

[tigert]

Thanks for the user test, that is always good. It's a tricky symbol in such small size.

We could indeed try the side view, I'll give it some thought. Happy to hear the color scheme was liked (I do like the feel of the shirt, I am pretty sure we can keep that feel even with a more recognizable symbol.

The shape was a heptagon, because of the Kubernetes logo and many related projects' logos that are also heptagons.

[adambkaplan]

The shape was a heptagon, because of the Kubernetes logo and many related projects' logos that are also heptagons.

Definitely keep the inverted heptagon.

[tigert]

Hm, here is a hopefully more recognizable version of the ship.

[adambkaplan]

@tigert the new logo passed my "audience test!" I like it, too. Thoughts from other folks?

[siamaksade]

cc @imjasonh

[imjasonh]

cc @imjasonh

I love it.

When can I get one of these shirts? 😄

[qu1queee]

+1 , very nice logo!

[SaschaSchwarze0]

Yep, go for it. BTW: where is the SVG ?

[tigert]

The svg is still in my big inkscape file of all variants. Now that it passed Adam's Audience Test(tm) and others seem to like it too, I can make the files.

[tigert]

OK, here are some logo variants.

shipwright-logos.zip

[adambkaplan]

@tigert all variants look good with the exception of shipwright-logo-darkbg.svg. Looks like there was a copy/paste issue - the canvas size is for a banner, but the logo is stacked.

[tigert]

Oops. Actually it had some other issues too, I hopefully fixed them too. I made a quick logo / brand guide as well.
shipwright-logos.zip

The logoguide I uploaded also separately im PDF format for your convenience:
shipwright-logoguide.pdf

[adambkaplan]

/close

We how have all icons in https://github.com/shipwright-io/community

[openshift-ci]

@adambkaplan: Closing this issue.

In response to this:

/close

We how have all icons in https://github.com/shipwright-io/community

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.