OSUOSC/website

Improve favicon visibility

Closed this issue · 7 comments

moore3071 commented

The current icon is difficult to see with a dark theme. The best way to improve it would be to add a black stroke to the circle, and colour the S polygon white with a black stroke. This should make the logo pop on any background.

Suggestions on this redisgn are appreciated.

benlk commented

For reference, the current image is various sizes of this:

favicon-196x196

  <link rel="icon" type="image/png" href="/dist/img/favicon-196x196.png" sizes="196x196"/>
  <link rel="icon" type="image/png" href="/dist/img/favicon-96x96.png" sizes="96x96"/>
  <link rel="icon" type="image/png" href="/dist/img/favicon-32x32.png" sizes="32x32"/>
  <link rel="icon" type="image/png" href="/dist/img/favicon-16x16.png" sizes="16x16"/>
  <link rel="icon" type="image/png" href="/dist/img/favicon-128.png" sizes="128x128"/>
egladman commented

i think it would be unwise to deviate from the branding guidelines. I'm against changing it.

EDIT:
Well I guess it wouldn't hurt to fill the foreground (the "S") with #FFF, since it is currently transparent.

moore3071 commented

yeah, I take back the black stroke iidea, and agree with changing the fill to white. The current logo is fine on light themes, but can be ugly on dark themes.

There is one more odd case to consider, when the logo is put onto a background which is the same red as it is currently we might get unexpected results. We might change the branding guidelines to add an exception for this case.

benlk commented

The obvious solution is: Don't put it on a background with that same red.

That red is pretty dark, so an all-white logo, no fill on the S, would look pretty good

moore3071 commented

That is the easiest solution, but we do need to double check that there is a note about that in the branding guidelines. For an example see the OSU logo colour variations.

notori0us commented

I should note our club itself doesn't follow the branding guidelines with our logo. Oops.

Check the bible (librewulf should have) for the historical color values we use

Sent from mobile

On Jun 17, 2016, at 04:39, Brandon Moore notifications@github.com wrote:

That is the easiest solution, but we do need to double check that there is a note about that in the branding guidelines. For an example see the OSU logo colour variations.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub, or mute the thread.

egladman commented

I added white to the favicon's background, and re-generated the favicons using my favicon script 3abf4a1

  • 👍1