Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Suggestion] Adding an icon/logo to the project #1087

Closed
endless22 opened this issue Apr 4, 2019 · 16 comments
Closed

[Suggestion] Adding an icon/logo to the project #1087

endless22 opened this issue Apr 4, 2019 · 16 comments
Labels
Need-Info Additional information required New-Feature This is a new feature

Comments

@endless22
Copy link

Hello,

Look like the project doesn't have an icon or logo and I think it would be a great addition.
Maybe an orange bridge ?

@AntoineTurmel
Copy link
Contributor

It would be really nice! I have some basic design skills, I can do some submissions.

@teromene
Copy link
Member

teromene commented Apr 4, 2019

That would be great indeed ! I have 0 design capacities, so any suggestion is welcome !

@ORelio
Copy link
Contributor

ORelio commented Apr 7, 2019

Nice idea! Maybe the orange bridge could somehow look like the RSS logo:

rss-bridge-idea

(not an actual design 😉 )

@logmanoriginal
Copy link
Member

This is a very good idea!
I'll pin this issue, so more people can take part in it.

It would be really nice! I have some basic design skills, I can do some submissions.

Please don't hold back, post any suggestions to this thread so we can get some feedback.
Everyone is welcome to join of course.

That said, my skills are at this level 🤦‍♂️

Maybe the orange bridge could somehow look like the RSS logo

Sounds good to me.
Maybe it can also include some indication that it's related to web scraping (i.e. the good old 🌐).

(not an actual design)

😮

@logmanoriginal logmanoriginal pinned this issue Apr 30, 2019
@logmanoriginal logmanoriginal added Need-Info Additional information required New-Feature This is a new feature labels Apr 30, 2019
@ludovicgir
Copy link

Hello, nice ones, here is a try with the 🌐
rssbridge picto
rssbridgelogo

@ORelio
Copy link
Contributor

ORelio commented May 3, 2019

Looks great! Maybe the same with 🌉, which happens to be an orange bridge?
(https://emojipedia.org/bridge-at-night/)

@logmanoriginal
Copy link
Member

Very nice, these look almost corporate, especially the second one. Only the RSS part should be emphasized more (i.e using one of those: http://www.feedicons.com/). Still, I'm wondering if that one would be a good fit for the main page...

image

It probably needs a different color though, in order to fit with the rest of the page (this is just an example, the color is still totally off).

image

@ORelio
Copy link
Contributor

ORelio commented May 4, 2019

Orange seems better to me as it reminds of the RSS logo color. If changing the stylesheet to use orange titles instead of blue, it could fit well 🤔

@ludovicgir
Copy link

Thanks for your feedbacks.
New suggestions (I like orange as well but lets give it a try in blue) :
logo v27
logo v24
logo v25
logo v26

@logmanoriginal
Copy link
Member

Simply amazing 🥇

I especially like the first two, because they they give some sense of what the project is about. My skills barely suffice to combine these, but I feel like this is a bit much (too much symbolism?):

combined-amazingness

I also played around with the color (:rofl:), for example for the RSS symbol. It makes it better, but not much in my opinion.

combined-amazingness-with-color


Anyway, this is my favorite right now

logo v24

  • It's simple
  • It has the RSS symbol
    • with the text it actually reminds me of the very first icon from back in the days
  • It contains the project name

This following part (or something similar) could be used for the favicon

icon-maybe

What do you think?

@ORelio
Copy link
Contributor

ORelio commented May 14, 2019

Good pick 👍

(Favicon may not fit in its designated 16x16 pixels square)

@logmanoriginal
Copy link
Member

Favicon may not fit in its designated 16x16 pixels square

I may or may not have thought about that 😊

=> favicon-lol


The favicon should be square anyway and scalable to different resolutions (between 512x512 to 16x16). On smaller scale some of the details (text especially) should be removed because they are not readable anyway. The question is, what is the most common denominator?

  • Globe? favicon-2
  • Icon? favicon-3
  • The mystical "r"? the-mystical-r
  • ...

I think this one is pretty awesome for the larger version

rssbridge picto

@logmanoriginal
Copy link
Member

I suppose there are no objections, so we should start using it by the next release.

@ludovicgir Could you upload these images with transparent background and in different sizes? That way we can use these at various places. If these are vector graphics, we can scale them dynamically.

logo v24

rssbridge picto

@ludovicgir
Copy link

Sure, I'll do that tonight.

@ludovicgir
Copy link

It is a pleasure to participate in the adventure, here is the logo in different formats 100, 300, 600 and 1000px. And the favicon in 64 and 132px. I put the svg files as well.
final.zip

logmanoriginal added a commit that referenced this issue Jun 25, 2019
@logmanoriginal
Copy link
Member

@ludovicgir Thank you very much for your support 💖

I added the files to the repository. Here are the places they are used right now. Some might take a while to process. Let me know if anything looks broken to you.


Social Preview

image

Profile Picture

image

Front page

image

Readme (local preview)

image

Favicon

image

Mobile version (using 300px)

image

@logmanoriginal logmanoriginal unpinned this issue Jun 28, 2019
infominer33 pushed a commit to web-work-tools/rss-bridge that referenced this issue Apr 17, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Need-Info Additional information required New-Feature This is a new feature
Projects
None yet
Development

No branches or pull requests

6 participants