Logo/icon needed!

[jpochyla]

Hi! We definitely need a proper application icon, ideally with a logotype (the muted-mic logo is a bit of a placeholder). Unfortunately I'm useless with graphics, so I'm looking for help.

Ideas/inspiration:

• I like the typical macOS icons.
• Where I'm from, "psst" is a "shh", "be quiet" sound. So maybe the classical "finger on lips", simplified?
• Some play on the Spotify logo? Without copying the exact shape of course, and without the green.
• I tried goofing around with Processing and Joy Division-style soundwaves, but it doesn't look that well in small sizes. Also the silver rect is too generic on Mac.

Thanks!

[Qrbaker]

@jpochyla I'll look into this. Do you have a preference for the image artifact? I'll probably work on it in inkscape so I can give you .svg, .png, and .ico.

I will work with the base guides from Apple provided in their HID docs: https://developer.apple.com/design/human-interface-guidelines/macos/icons-and-images/app-icon/

[jpochyla]

Thank you!

I can give you .svg, .png, and .ico.

Yep these sound great, I think .svg would be the most important.

[Qrbaker]

Here's a first go, trying to convey the "psst/shush finger on lips idea". Feedback welcome.

[phildenhoff]

@Qrbaker I like your logo! I tried it out but I found the lips become pretty hard to see on my dock with ~30 items so it's essentially just the shush hand. Honestly I think you could just go with that :)

[Qrbaker]

@phildenhoff thanks for the test.

I'll experiment with making the mouth lines thicker and brighter to see if that looks any better

[Kethku]

I wonder if just removing the lips would be better. The finger alone may be enough

[Qrbaker]

Here's too more versions: the top, with a thicker stroke on the mouth + primary color, and a second with no mouth.

In my opinion, I think a suggestion of a mouth/lips should be there if we go with this one, otherwise it looks like a finger gun or just a finger pointing upward (👆)

[jpochyla]

Oooh, thank you @Qrbaker! I like this direction a lot. Could we try different colours, like orange, blue, or some others? I'm not sure about the green (esp. in combination with the black background, it's a bit Matrix-y) :| If you send over the SVG I can try experiment with colors myself.

[Qrbaker]

Here's a very quick coral red (#ff4040) version.

@jpochyla https://gist.github.com/Qrbaker/f956a303350f061fedfca263584f0f5b Here is the SVG if you want to experiment on your own :)

[JustinAiken]

Here's too more versions: the top, with a thicker stroke on the mouth + primary color, and a second with no mouth.

It would be cool if one of those was the icons when it was playing vs when it's paused

[Qrbaker]

It would be cool if one of those was the icons when it was playing vs when it's paused

It would be cool, but I don't know if Druid supports anything like that.

[pablodz]

Looks great the green one, also maybe a UX/UI cool and modern design would be perfect. Like transparent background or dynamic background according to the song

[Qrbaker]

@jpochyla Anything else you want me to try?

[flotwig]

In my opinion, I think a suggestion of a mouth/lips should be there if we go with this one, otherwise it looks like a finger gun or just a finger pointing upward (point_up_2)

@Qrbaker agreed, the finger gun does not have the context of a "shush" without the lips. I'm not artistic but I wish there was a way to incorporate the shushing motion.

---

If that can't be done, I also wouldn't mind something based off of the mute icon:

It's just a little weird since some users may think this is an actual mute button...

[danielgolden]

Maybe a side profile of the "shh" could help make it more clear (example)?

[mradke]

@jpochyla could you elaborate on why the application is named psst?

E. g. "I'm listening to music, so I don't have to hear my co workers make noise" or something along those lines. I'd imagine that it could be useful to come up with some other ideas for logos outside of the ones already presented.

[yavko]

@danielgolden I made something similar to Ur idea like a month ago and completely forgot about it, I didn't use anyone's work I made the face and hand by hand and the font is SF COMPACT Rounded (not 100% its the compact version) SF is the macOS and iOS built in font BTW.

The icon I made

ur message

@Daniel Golden commented on Aug 27, 2021, 6:10 AM PDT:

Maybe a side profile of the "shh" could help make it more clear (example)?

[Qrbaker]

It's a good start but have you tried it at a small size? When I scaled it down the lines become hard to tell apart and the text is unreadable. I would try ditching the text and making the lines thicker. On October 5, 2021 6:12:56 PM EDT, Yavor Kolev ***@***.***> wrote: ***@***.*** I made something similar to Ur idea like a month ago and completely forgot about it, I didn't use anyone's work I made the face and hand by hand and the font is SF COMPACT Rounded (not 100% its the compact version) SF is the macOS and iOS built in font BTW.

<details> <summary>The icon I made</summary>  </details> <details> <summary>ur message</summary>

***@***.*** Golden**](https://github.com/danielgolden) commented on [Aug 27, 2021, 6:10 AM PDT](#110 (comment) "2021-08-27T13:10:11Z - Replied by Github Reply Comments"):

…

> Maybe a side profile of the "shh" could help make it more clear ([example](https://thenounproject.com/search/?q=shh&i=21041))? > > [](https://user-images.githubusercontent.com/812989/131132306-58d92aea-05b5-4339-8b99-c651dbfdc0ff.png) </details> -- You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub: #110 (comment)

[yavko]

ok

@Qrbaker commented on Oct 5, 2021, 4:40 PM PDT:

It's a good start but have you tried it at a small size? When I scaled it down the lines become hard to tell apart and the text is unreadable. I would try ditching the text and making the lines thicker. On October 5, 2021 6:12:56 PM EDT, Yavor Kolev ***@***.***> wrote: ***@***.*** I made something similar to Ur idea like a month ago and completely forgot about it, I didn't use anyone's work I made the face and hand by hand and the font is SF COMPACT Rounded (not 100% its the compact version) SF is the macOS and iOS built in font BTW.

The icon I made

!\[psst\]([user-images.githubusercontent.com/15178513/136109555-83197093-a061-4d13-9fea-91b2f18464ba.png](https://user-images.githubusercontent.com/15178513/136109555-83197093-a061-4d13-9fea-91b2f18464ba.png))

ur message

***@***.*** Golden**](@danielgolden) commented on [Aug 27, 2021, 6:10 AM PDT](#110 (comment) "2021-08-27T13:10:11Z - Replied by Github Reply Comments"):

…

> Maybe a side profile of the "shh" could help make it more clear ([example](thenounproject.com/search/?q=shh&i=21041))? > > [](https://user-images.githubusercontent.com/812989/131132306-58d92aea-05b5-4339-8b99-c651dbfdc0ff.png%5D(https://user-images.githubusercontent.com/812989/131132306-58d92aea-05b5-4339-8b99-c651dbfdc0ff.png))

-- You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub: #110 (comment)

[shiftgeist]

i gave it a shot, but am not quite happy with the result. It's all a bit too dark for my taste

about the concept: I took the example from @danielgolden and tried to combine the library "psst" with sound waves which give the connection to music

[Qrbaker]

i gave it a shot, but am not quite happy with the result. It's all a bit too dark for my taste

about the concept: I took the example from @danielgolden and tried to combine the library "psst" with sound waves which give the connection to music

Oooh that looks great!

[jpochyla]

@Qrbaker I'm sorry for being such a slowpoke, I took the shape from your design and tried to add a bunch of stuff around, and I'd like to use this :) Is that OK?

[yavko]

@Qrbaker I'm sorry for being such a slowpoke, I took the shape from your design and tried to add a bunch of stuff around, and I'd like to use this :) Is that OK?

ooh

[Qrbaker]

@Qrbaker I'm sorry for being such a slowpoke, I took the shape from your design and tried to add a bunch of stuff around, and I'd like to use this :) Is that OK?

Absolutely! I used assets that were public domain and I'm quite happy to give the work to the project under the license it uses.

I think you did a great job with it!

[shiftgeist]

This looks sooo good! Amazing job

one small mimimi: the distinguishment between these two lines is hard to make out

edit: on behalf of the mimimi - i tried to find a solution for this and must say... not that easy. It either got to cartoonish or to flat on my tests.

edit2: not trying to get political but the misinterpretation of the hand color should be kept in mind.

[jacksongoode]

@Qrbaker Just wondering if it might be possible to make a pure SVG (non-rasterized version of just the hand?) I was thinking of replacing the mute icon in the top left with this.

[Qrbaker]

@Qrbaker Just wondering if it might be possible to make a pure SVG (non-rasterized version of just the hand?) I was thinking of replacing the mute icon in the top left with this.

@jpochyla has since modified it a fair bit and likely has the most up to date version.

Here’s the SVG I had last tinkered with, you should be able to take what you need from there using Inkscape or Illustrator:

https://gist.github.com/Qrbaker/f956a303350f061fedfca263584f0f5b

[jpochyla]

Hi! I used Affinity Designer to edit the icon, I believe there's a project file for it in the repo.