Update logo to 2021 edition

[garrett]

Not 100% done yet — and I may need to optimize the logo a little more too. But here's a preview of what I currently have.

Live preview: https://garrett.github.io/cockpit-project.github.io/

Before:

After:

It's quite subtle.

• Changed text to RedHatDisplay. (It's quite similar, but a little different. As it's the font family we use and it's quite close, we might as well just use it directly.)
• Tweaked kerning optically.
• Embiggened the plane.
• Thinned down the outline to be the same weight as the text.

[garrett]

This is one of those things where an organization spends 100 million bucks with a design firm and it results in a logo that only designers will notice the difference. (Minus the design firm and 100 million bucks.)

[Venefilyn]

Did we ever make a decision on using this as our new icon? To me I do like the cleaner look of this logo compared to the current one

[garrett]

I think this is the editable text version of the logo with stylized text:

Dark, for a light background:

Light, for a dark background:

(SVG has a dark background which isn't rendered. Both have transparent backgrounds when rendered.)

The text uses Red Hat Display, which conveniently was similar enough to the old Cockpit logo's text, and matches Cockpit itself as well as the Red Hat ecosystem. (Different, for sure, but not in ways that most people would notice. Both are based on sans-serif roadsign style fonts.) It's what we use within Cockpit itself, and also what we use on the website too.

I did a little bit of kerning to adjust the letters a bit, to balance between the original spacing and some custom nudges to make it feel a little more balanced.

The glyph part of the logo was adjusted to be more metrically and optically sized and centered. The original wasn't actually symmetrically shaped or aligned... the changes were subtle.

I think I did this around the time we wanted an app icon for Cockpit Client, and I think that may actually have this revised version of it (at its core).

[garrett]

These should probably be added to the the website (of course), and also Cockpit itself, and it would make sense to add them to the Cockpit-Design repo, so they're not lost within a pull request on GitHub (but in an official git repo).

[Venefilyn]

@garrett do we wanna align the icon a bit?

Though for some reason I can't export the SVG from Inkscape.

4x margin of text spacing, blue:

3x margin, green:

2x margin, orange:

To me I prefer if we reduce it to 3x. WDYT?

---

Maybe the margin should be derived from the actual icon instead of the text too..

[Venefilyn]

Also Fedora uses Montserrat font, do we wanna consider that for the logo instead of Red Hat Display?