Website logo #51

Open

opened by poVoq · 22 comments

poVoq commented

Owner

Issue to discuss the JJ logo.

JoinJabber-logo--vector-fonts.svg

2.5 MiB

ltguillaume commented

Somehow my eye always goes to I. Really like it, it isn't as "classical" as most of the others and really feels like it invites the "viewer" to get into action, which is exactly what you'd want here. But I think the white J's could be a lot more appealing with a different font.

Edit: What about using F's font in I?

Somehow my eye always goes to I. Really like it, it isn't as "classical" as most of the others and really feels like it invites the "viewer" to get into action, which is exactly what you'd want here. But I think the white J's could be a lot more appealing with a different font. **Edit**: What about using F's font in I? ![](/attachments/7cee5183-0f12-4a57-ac8a-c25a3e2e7f10)

👍 1

pep. commented

Owner

Thanks @poVoq for uploading the logos!

I don't have many strong feelings about all them. I think I'd rather list those I like less and be happy if there's one within the rest that gets choosen.

H.1, D.1: I find the color association a bit awkward. It's about the only ones that stands out this way to me. H.1 more than D.1.
C: The only one using "JoinXMPP" and not "JoinJabber", but this isn't the issue per se.
This one seems too .. straight, true, even, maybe inflexible. Maybe it's the use of the Serif font. H feels somewhat similar but the Serif font really accentuates it for me.
B: I don't understand the shape above the logo, it doesn't bring anything to mind.

I like that "JJ" has been reused and converted to these quotes, maybe they could (do?) stand for "starting the dialog", and thus I may prefer ones that contain these quotes, but that's not a show stopper.

Thanks @poVoq for uploading the logos! I don't have many strong feelings about all them. I think I'd rather list those I like less and be happy if there's one within the rest that gets choosen. - H.1, D.1: I find the color association a bit awkward. It's about the only ones that stands out this way to me. H.1 more than D.1. - C: The only one using "JoinXMPP" and not "JoinJabber", but this isn't the issue per se. This one seems too .. straight, true, even, maybe inflexible. Maybe it's the use of the Serif font. H feels somewhat similar but the Serif font really accentuates it for me. - B: I don't understand the shape above the logo, it doesn't bring anything to mind. I like that "JJ" has been reused and converted to these quotes, maybe they could (do?) stand for "starting the dialog", and thus I may prefer ones that contain these quotes, but that's not a show stopper.

ltguillaume commented

Thanks @poVoq for uploading the logos!

I don't have many strong feelings about all them. I think I'd rather list those I like less and be happy if there's one within the rest that gets choosen.

H.1, D.1: I find the color association a bit awkward. It's about the only ones that stands out this way to me. H.1 more than D.1.

+1

B: I don't understand the shape above the logo, it doesn't bring anything to mind.

Message bubble with smiley and the J's of jj as ears...

I like that "JJ" has been reused and converted to these quotes, maybe they could (do?) stand for "starting the dialog", and thus I may prefer ones that contain these quotes, but that's not a show stopper.

As an alternative to using F's font in I, the single quotes of J or K might look great inside I.

I don't like the single quotes in A and H...

> Thanks @poVoq for uploading the logos! > > I don't have many strong feelings about all them. I think I'd rather list those I like less and be happy if there's one within the rest that gets choosen. > > - H.1, D.1: I find the color association a bit awkward. It's about the only ones that stands out this way to me. H.1 more than D.1. +1 > - B: I don't understand the shape above the logo, it doesn't bring anything to mind. Message bubble with smiley and the J's of jj as ears... > I like that "JJ" has been reused and converted to these quotes, maybe they could (do?) stand for "starting the dialog", and thus I may prefer ones that contain these quotes, but that's not a show stopper. As an alternative to using F's font in I, the single quotes of J or K might look great inside I. I don't like the single quotes in A and H...

poVoq commented

Poster

Owner

I don't like H1/2 because the shield makes me think of anti-virus snakeoil logos.

All the "fuzzy" logos will look very bad on small screens.

If I had to choose I would say L and N are the best.

I don't like H1/2 because the shield makes me think of anti-virus snakeoil logos. All the "fuzzy" logos will look very bad on small screens. If I had to choose I would say L and N are the best.

ltguillaume commented

An F+I alternative to consider.

![](/attachments/7cee5183-0f12-4a57-ac8a-c25a3e2e7f10) An F+I alternative to consider.

pep. commented

Owner

What would the thing left to the F represent?

ltguillaume commented

What would the thing left to the F represent?

I don't like it, but it looks like a mashup of two message bubbles, a star and a smiley.

> What would the thing left to the F represent? I don't like it, but it looks like a mashup of two message bubbles, a star and a smiley.

poVoq commented

Poster

Owner

When playing around with themes I realized that something that can be re-arranged into a ~~vertical~~ horizontal logo and could also be used without the text as an favicon would be probably good, see: #50

When playing around with themes I realized that something that can be re-arranged into a ~~vertical~~ horizontal logo and could also be used without the text as an favicon would be probably good, see: https://codeberg.org/joinjabber/website/issues/50#issuecomment-779605

ltguillaume commented

When playing around with themes I realized that something that can be re-arranged into a vertical logo and could also be used without the text as an favicon would be probably good, see: #50

Like this?

Logo

Vertical Logo

Favicon

> When playing around with themes I realized that something that can be re-arranged into a vertical logo and could also be used without the text as an favicon would be probably good, see: https://codeberg.org/joinjabber/website/issues/50#issuecomment-779605 Like this? __Logo__ ![](/attachments/7cee5183-0f12-4a57-ac8a-c25a3e2e7f10) __Vertical Logo__ ![](/attachments/84f56497-479f-4885-aff1-ddebe1567766) __Favicon__ ![](/attachments/7007e500-fde6-459c-b53a-f0f9d7f53e55)

f+i-favicon.svg

49 KiB

f+i.svg

281 KiB

f+i-vertical.svg

279 KiB

poVoq commented

Poster

Owner

Sorry I actually meant horizontal. Total brain fart 😰

But yes the first one and the favicon would probably work on a typical horizontal navigation bar.

Sorry I actually meant horizontal. Total brain fart 😰 But yes the first one and the favicon would probably work on a typical horizontal navigation bar.

ltguillaume commented

Lol, well I guess it's already horizontal?

poVoq commented

Poster

Owner

Your example yes, but some of the other proposed ones not. Like the one I adapted for the mockup.

poVoq commented

Poster

Owner

Favicon svg & png logo for the decided logo.

favicon.svg

48 KiB

logo512.png

63 KiB

poVoq commented

Poster

Owner

Light and dark version .svg of the full logo we decided on.

joinjabber.svg

280 KiB

joinjabber-light.svg

280 KiB

ltguillaume commented

Improved favicon, transparent bg

Favicon_Less_Space_Wasted2_Transparent.svg

47 KiB

Favicon_Less_Space_Wasted2_Transparent.png

47 KiB

👍 2

ltguillaume commented

Proposed logo for servers chatrooms.
Clipart by https://openclipart.org/artist/m1981

Proposed logo for servers chatrooms. Clipart by https://openclipart.org/artist/m1981

jj-servers-avatar.png

53 KiB

jj-servers-avatar.svg

53 KiB

👍 2

ltguillaume commented

Proposal for other chatrooms

jj-spaces-avatar.png

61 KiB

jj-spaces-avatar.svg

49 KiB

jj-admin-avatar.svg

49 KiB

jj-admin-avatar.png

66 KiB

jj-bridge-avatar.png

63 KiB

jj-bridge-avatar.svg

49 KiB

jj-abuse-avatar.png

60 KiB

jj-abuse-avatar.svg

48 KiB

jj-privacy-avatar.png

62 KiB

jj-privacy-avatar.svg

49 KiB

🚀 1

ltguillaume commented

I think nobody really liked the one for support, how about this one?

jj-support-avatar.svg

50 KiB

jj-support-avatar.png

50 KiB

ltguillaume commented

Fixed JJ project icon

jj-project-avatar.svg

49 KiB

jj-project-avatar.png

48 KiB

ltguillaume commented

As there was talk about putting all this into a repo, here's all the logo stuff (proposals by Line, fonts, resources + attribution, SVG's and PNG's) in a structured way (+ README.md's).

Also, it includes an avatar for the website repo.

As there was talk about putting all this into a repo, here's all the logo stuff (proposals by Line, fonts, resources + attribution, SVG's and PNG's) in a structured way (+ README.md's). Also, it includes an avatar for the website repo.

jj-logostuff-for-repo.zip

4.3 MiB

ltguillaume commented

Some mock-ups for printed stickers

jj-sticker-benttextinside.png

298 KiB

jj-sticker-benttext.png

258 KiB

jj-sticker-benttextinside+qr.png

299 KiB

jj-sticker-normaltext.png

215 KiB