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.
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.
<img alt="figure-1-0.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-1-0.png" />
<img alt="figure-1-1.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-1-1.png" />
<img alt="figure-1-2.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-1-2.png" />
<img alt="figure-2-0.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-2-0.png" />
<img alt="figure-2-1.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-2-1.png" />
<img alt="figure-2-1.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/figure-2-2.png" />
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.
<img alt="gnome-desktop-activities-icon.png" src="https://people.centos.org/areguera/centos-stream-9-screenshots/issue/gnome-desktop-activities-icon.png" />
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.
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)
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.
<img alt="centos-logo-redesign-v2-4.png" src="/centos/Artwork/issue/raw/files/7604db6bde77b7b795375f4be9cb9e77129fdf6f93919fc512c4234eb5f3b45f-centos-logo-redesign-v2-4.png" />
<img alt="centos-logo-redesign-v2-1.png" src="/centos/Artwork/issue/raw/files/0288c553c6fdea70976c993058de4a48d242a79fdb1c991c9fda849a01061e6c-centos-logo-redesign-v2-1.png" />
<img alt="centos-logo-redesign-v2-5.png" src="/centos/Artwork/issue/raw/files/459431932514d26f036624cc01df4ef82b10f79f13f1e875cbf07bf5ad88aa74-centos-logo-redesign-v2-5.png" />
<img alt="centos-logo-redesign-v2-2.png" src="/centos/Artwork/issue/raw/files/6297d8292a836ef16c3f98a5b3ef7252ed8295b8f61567db31ecafb84f403638-centos-logo-redesign-v2-2.png" />
<img alt="centos-logo-redesign-v2-6.png" src="/centos/Artwork/issue/raw/files/cbdd9342b4abcc573946df502976c3b45d985f811a30ae69a151cc54f172dcaa-centos-logo-redesign-v2-6.png" />
<img alt="centos-logo-redesign-v2-3.png" src="/centos/Artwork/issue/raw/files/e328aff427baf21fed0ef0ddc767cc46f55652360f9f07f2796c9d1cbf0e324a-centos-logo-redesign-v2-3.png" />
Here is the SVG file in case you want play with colors and shapes.
<img alt="centos-logo-redesign-v2.svg" src="/centos/Artwork/issue/raw/files/4654be593c7047f2d5c305ab27b51af9358a5e528c391adb2cd6f20842f3e2c3-centos-logo-redesign-v2.svg" />
Interesting reference: https://en.wikipedia.org/wiki/Polygram_(geometry)#Regular_compound_polygons
Invert the arrow termination. The expansion occurs from the inside to the outside.
<img alt="centos-logo-redesign-v2-4.png" src="/centos/Artwork/issue/raw/files/e9640b5441b601f848a267f54935b05c1e0c0fe34352c70f800cfc60ae915eab-centos-logo-redesign-v2-4.png" />
<img alt="centos-logo-redesign-v2-1.png" src="/centos/Artwork/issue/raw/files/cf34c703e735706eb5c31902f640aa50b5c20fbc08e0b0eb49d2db6b58d89238-centos-logo-redesign-v2-1.png" />
<img alt="centos-logo-redesign-v2-5.png" src="/centos/Artwork/issue/raw/files/f6a1973fa063ccc9b63dfb8f4dbab4d895cbe95b2f100866933cae6d8bfdcadd-centos-logo-redesign-v2-5.png" />
<img alt="centos-logo-redesign-v2-2.png" src="/centos/Artwork/issue/raw/files/f86117951045ba835597832851117f85f8ac0382c24728421697b251aaaf8015-centos-logo-redesign-v2-2.png" />
Test the "Attitude" palette in PANTONE 18-3838 ULTRA VIOLET.
SVG Updated: <img alt="centos-logo-redesign-v2.svg" src="/centos/Artwork/issue/raw/files/15d0e659f612f657eb16ae1a2dc97d35f74c05b5fa456babe77a30b5436f82a8-centos-logo-redesign-v2.svg" />
Let's try a one color simplification, add a bit more of margin around the inner symbol, reduce the space between the symbol and the CentOS word, update the symbol inner 8-point-star for the arrows to fit on it:
<img alt="centos-logo-redesign-v2.4.png" src="/centos/Artwork/issue/raw/files/6c6efca4c32b95c9a2cb474e40aab0a218f5a858265a10039b754f9b97b7d929-centos-logo-redesign-v2.4.png" />
Here is the related symbol construction:
<img alt="centos-logo-redesign-v2.4-symbol-construction.png" src="/centos/Artwork/issue/raw/files/b8c49e9e0b97fdfc0553c4a7bf992af745471ecaa862bf13100aff086d405303-centos-logo-redesign-v2.4-symbol-construction.png" />
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):
<img alt="centos-and-kubernetes.png" src="/centos/Artwork/issue/raw/files/7797b05ab643ba82026cd046c0e15d0f5d9ce3a72edc47d6491e0193ad9b5acf-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:
<img alt="centos-symbol-position.png" src="/centos/Artwork/issue/raw/files/65a85cb5942e5284a7c9db58648e091cbf02267be2a8f8eae0386ae132a5f304-centos-symbol-position.png" />
CentOS, Fedora and Red Hat in the color wheel context:
<img alt="centos-symbol-colorwheel.png" src="/centos/Artwork/issue/raw/files/fb99646bca6000ec822bbc2b077056423f2a36177d0a2861e986f7c3a96232c6-centos-symbol-colorwheel.png" />
Combining CentOS Yellow and CentOS Purple in CentOS Symbol simplified design:
<img alt="centos-logo-redesign-v2-7.png" src="/centos/Artwork/issue/raw/files/599b22b0e77b25a0da12ed0a46d709b156757fdb5c96feb4cb8e1aeecf4ec0c8-centos-logo-redesign-v2-7.png" />
Another variant trying to remark the expanding arrows:
<img alt="Screenshot_from_2022-04-03_14-46-33.png" src="/centos/Artwork/issue/raw/files/d6019bdeb155c93dc0d74915c9ecdcae6f5fec893cae321e3f4b7025e7919879-Screenshot_from_2022-04-03_14-46-33.png" />
Tests in the distribution:
<img alt="VirtualBox_CentOS-Stream-9_03_04_2022_14_01_03.png" src="/centos/Artwork/issue/raw/files/ec65b38d28176252e101d4b905e3d45161af54ecb5e2be0f34b4f470235486d7-VirtualBox_CentOS-Stream-9_03_04_2022_14_01_03.png" />
<img alt="VirtualBox_CentOS-Stream-9_03_04_2022_13_59_56.png" src="/centos/Artwork/issue/raw/files/be02a1b0a9cfd3fd7e70ecb38a97bce3961fca0bb6da135ba845a9a53d95575b-VirtualBox_CentOS-Stream-9_03_04_2022_13_59_56.png" />
<img alt="VirtualBox_CentOS-Stream-9_03_04_2022_13_57_54.png" src="/centos/Artwork/issue/raw/files/5490cb33881d1de529ed30bdaec269e7b8b12276ec654b71003ea24b0ba63e76-VirtualBox_CentOS-Stream-9_03_04_2022_13_57_54.png" />
<img alt="VirtualBox_CentOS-Stream-9_03_04_2022_13_57_31.png" src="/centos/Artwork/issue/raw/files/28530f2f18ed3f44c69f463d7cb643b039ab8fcf7b298f82331d2c83fe193d65-VirtualBox_CentOS-Stream-9_03_04_2022_13_57_31.png" />
<img alt="VirtualBox_CentOS-Stream-9_03_04_2022_13_55_59.png" src="/centos/Artwork/issue/raw/files/f1ec6f862a0b3d7dcaeb9ae98ae46c8582207bf81812ad8e356f9022d7e1d5ae-VirtualBox_CentOS-Stream-9_03_04_2022_13_55_59.png" />
Some corrections to prevent the symbol from looking too much like a flower:
<img alt="Screenshot_from_2022-04-03_17-32-43.png" src="/centos/Artwork/issue/raw/files/46bdfab8ce7a4516bf9739b41b7ef7ac53a3c2892a9e999c229aa639273f6f7c-Screenshot_from_2022-04-03_17-32-43.png" />
Thanks to gbraad for commenting on this.
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
@spotz , thanks for your comment. I will propagate the images to centos-logo upstream repo and close this issue in the next days.
<img alt="centos-logo.png" src="/centos/Artwork/issue/raw/files/53848537990af662a2cf232674346c2f0c5badff8ec999feed6224b1f0618af3-centos-logo.png" />
<img alt="centos-logo-contrast.png" src="/centos/Artwork/issue/raw/files/c46628093e358858f31f363c2e3f296c177c6e5d2e893ea832e20cb283843345-centos-logo-contrast.png" />
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:
<img alt="centos-symbol.png" src="/centos/Artwork/issue/raw/files/bb78e460bc7d90cc1789a8b88ad1c35d0b363e4335e8eee5647067453ca86091-centos-symbol.png" />
The CentOS Logo:
<img alt="centos-logo.png" src="/centos/Artwork/issue/raw/files/0171335396c1fcfac3f7bd054462b33c7cdb3e75ad09fea63378cdb439e9dfe9-centos-logo.png" />
The CentOS Logo Contrast Ratio:
<img alt="centos-logo-contrast.png" src="/centos/Artwork/issue/raw/files/51663cc6d2fccb7f0bfacfe45a7f3658f4944725e0ed96fa13dbd8cc0058b4e4-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!
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:
<img alt="Screenshot_from_2022-06-22_21-31-31.png" src="/centos/Artwork/issue/raw/files/cda33114cc8fa54bf3f2c749e20e8900a782b3fd8218c1589f78929de03cdeba-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
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.
<img alt="Screenshot_from_2022-06-23_08-56-02.png" src="/centos/Artwork/issue/raw/files/37918541279e1d26161e8645dcd1f211b63df4a7827bc73e54bfa6532c18b830-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.
Metadata Update from @areguera:
- Issue status updated to: Closed (was: Open)
Where can I get the vector images for this? I think I'm just missing a repo in my bookmarks.
Where can I get the vector images for this? I think I'm just missing a repo in my bookmarks.
They are available at https://gitlab.com/areguera/centos-brand/-/tree/v2-centos-artwork-sig-issue-5
Thanks! I had the right repo, just the wrong branch.
to comment on this ticket.
SSH Hostkey/Fingerprint | Documentation