search

enarx / outreach

Outreach efforts for the Enarx project
Apache License 2.0
2 stars 5 forks source link

Design an accessible logo for web use #30

Closed mbestavros closed 2 years ago

mbestavros commented 4 years ago

Our current logo materials consist entirely of transparent SVG images. These end up being problematic when used across the web; if, for example, a black logo is used against a dark background, it becomes unreadable.

We should produce alternative logos that are readable everywhere. Perhaps a contrasting outline.

axelsimon commented 4 years ago

I took a bit of time to produce a few PNG files from the SVG source. Creating a PR for that now.

axelsimon commented 4 years ago

The same directory you initially referenced now contains a multitude of choices for web use. Hope this helps.

npmccallum commented 4 years ago

I don't believe the new images actually solve the problem @mbestavros wants to solve. I think he's discussing an iOS-style icon with a non-monochrome background and curved edges.

axelsimon commented 4 years ago

@mbestavros could chime in on this, to ensure we get what you were requesting? :slightly_smiling_face:

mbestavros commented 4 years ago

The problem I wanted to address is that there are some scenarios where our logo will appear on both light and dark backgrounds. Our transparent logo resources work well on one, but not the other (i.e. if we use a black logo on white background, it works, but if the background turns dark, it's illegible).

The PNG -bg logos @axelsimon added do technically address this, though I'd personally prefer the background layer to be shaped around the existing logo. So, instead of a simple square, just a shield-shaped mask, with the rest transparent. I think it'd look a lot better.