Skip to content

Conversation

@garrett
Copy link
Member

@garrett garrett commented Nov 15, 2021

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:

Screen Shot 2021-11-15 at 18 12 15

After:

Screen Shot 2021-11-15 at 18 12 30

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
Copy link
Member Author

garrett commented Nov 15, 2021

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
Copy link
Member

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
Copy link
Member Author

garrett commented Dec 1, 2025

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

Dark, for a light background:

logo-dark-adjusted-4-with-text

Light, for a dark background:

logo-light-adjusted-4-with-text

(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.

cockpit-glyph

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
Copy link
Member Author

garrett commented Dec 1, 2025

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).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants