#5 Improving CentOS Symbol Contrast, Size and Meaning
Opened 7 months ago by areguera. Modified 2 days ago

The CentOS symbol proposed recently is presenting poor levels of contrast for some use-cases the CentOS distribution demands. We are opening a new issue to provide visual evidence of the problems found and initiating a new design round for the community to discuss and find solutions.

Problem to solve 1: Contrast

The CentOS Symbol redesign was conceived to be applied on top of different backgrounds by changing the color of its lines. For example, black lines for light backgrounds and white lines for dark backgrounds. So, we had two different images that can be applied on two different situations to provide the best
contrast possible. However, in CentOS distribution, we have a scenario where that approach doesn't apply. The CentOS distribution presents one single image (e.g., /usr/share/icons/hicolor/16x16/apps/system-logo-icon.png) on top of different background colors (e.g., near Activities for Gnome Desktops and near the page title for the default web browser tabs).

Let's illustrate the problem.

figure-1-0.png

Figure 1.

figure-1-1.png

Figure 2.

figure-1-2.png

Figure 3.

figure-2-0.png

Figure 4.

figure-2-1.png

Figure 5.

figure-2-1.png

Figure 6.

Problem to solve 2: Size

During implementation tests in CentOS distribution, it was found that the number of lines in the CentOS Symbol design still make it to loose its visual meaning when the image is reduced
to small sizes like 16x16 pixels. Such is the case of the symbol near Activities in Gnome Desktops and the symbol (favicon) near the page titles in web browser tabs.

gnome-desktop-activities-icon.png

Figure 7.

The symbol near the Activities section in Gnome Desktop is always visible on the screen (unless you use an application full screen). Presenting an image there which doesn't express what it should express is a major problem for the visual identity and project recognition. The images used to present the CentOS Symbol must transmit with clarity the same information/feeling of what it is, no matter its size.

Problem to solve 3: Meaning

Addressing the two previous problems may require to entirely redesign the symbol as we know it. This represents a new challenge: preserving the CentOS Symbol meaning when you look at it, whatever the new form it takes be. The new form of the symbol must transmit the same chaos idea conceived in the very beginning of the CentOS Project in order to preserve our identity. We cannot end up having a symbol that doesn't transmit the chaos idea the CentOS Project founders wanted to transmit when they conceived the CentOS Symbol in first place. We want to improve that idea to make it stronger.


Metadata Update from @areguera:
- Issue private status set to: False (was: True)

7 months ago

Let's try some shape simplification to break the ice. Here I tried to remove the excessive number of lines and remark the symbol shape instead.

centos-logo-redesign-v2-4.png

centos-logo-redesign-v2-1.png

centos-logo-redesign-v2-5.png

centos-logo-redesign-v2-2.png

centos-logo-redesign-v2-6.png

centos-logo-redesign-v2-3.png

Here is the SVG file in case you want play with colors and shapes.

centos-logo-redesign-v2.svg

Interesting reference: https://en.wikipedia.org/wiki/Polygram_(geometry)#Regular_compound_polygons

If I may comment (personal pref), I prefer the one with the color variant (on the arrow) than the last one which, at very first sight, looks more like the kubernetes logo ;-)

Trying another CentOS symbol simplification side-by-side Kubernetes symbol (monochromatic):

centos-and-kubernetes.png

The info-graphic describing CentOS relation with Fedora and Red Hat was designed using the yellow color in CentOS Symbol, so lets try it with previous simplification:

centos-symbol-position.png

We discussed this in the Office Hours and really like the round version and would like to move forward. We would also need a monochrome(2 bit) version available

Can we get these with the contrasting center and arrow as well? Thanks!

Adding the contrasting center and arrow to previous images:

The CentOS Symbol:

centos-symbol.png

The CentOS Logo:

centos-logo.png

The CentOS Logo Contrast Ratio:

centos-logo-contrast.png

Note that when we add the contrasting center and arrow, we are adding a third color to the symbol which makes the 2-bits version not exactly the same. Nevertheless, adding the contrasting shapes to the colorful version may be helpful to reinforce the expanding arrow idea and also think of it when the 2-bits symbol presents itself.

@spotz , let me know if you would like to make other adjustments, or if we are ok to proceed with centos-logos package propagation. Thanks!

Best regards.

I think it looks great. @shaunm are you in agreement with the 2bit being ok like this?

Yeah, I think the 2bit looks sharp.

Alain, do you have guidance on putting the color logo on dark gray (or colored) shirts? Playing with a contrast calculator, it looks like it's ok on 222222, but not so much on 333333. I'm not trying to revisit color choices. I just want to know what I can do with swag.

Yes, here are some tests on top of a 222222 background:

Screenshot_from_2022-06-22_21-31-31.png

The SVG source file and the high resolution PDF files that may be used for printing are available at https://people.centos.org/areguera/promo/centos-tshirts/

Hopefully, they could be reused as poster too :D

Best regards.

Updated the files to fix the proportion between SIG names and CentOS type. The font size used for the SIG name was too small compared to CentOS type. In case the SIG name is larger than CentOS word, a new line is created below to fit the CentOS word.

Screenshot_from_2022-06-23_08-56-02.png

Shaun, in the previous post I forgot to provide the guidelines you asked for. I would suggest to consider the content at https://99designs.com/blog/design-other/how-to-design-t-shirts/. Also, if possible, making a print test to catch possible visual issues in that specific medium, and so make the appropriate corrections before going on massive printing.

Thanks!

Login to comment on this ticket.

Metadata
Attachments 30
Attached 3 months ago View Comment
Attached 9 days ago View Comment
Attached 7 days ago View Comment
Attached 7 days ago View Comment