3 versions of the crio logo with different color treatments - one on a white background, one on a flat blue background, one on a blue gradient background. on the left is a 7-spoke snowflake constructed from thin lines and surrounded by a 7-sided polygon, on the right is the logotype 'cri-o'

A logo for cri-o

Dan Walsh recently asked me if I could come up with a logo for a project he is involved with – cri-o.
The “cri” of cri-o stands for Container Runtime Interface. The CRI is a different project – the CRI is an API between Kubernetes (container orchestration) and various container runtimes. cri-o is a runtime – like rkt or Docker – that can run containers that are compliant with OCI (Open Containers Initiative) specification. (Some more info on this is here.)
Dan and Antonio suggested a couple of ideas at the outset:

  • Since the project means to connect to Kubernetes via the CRI, it might be neat to have some kind of nod to Kubernetes. Kubernetes’ logo is a nautical one (the wheel of a ship, with 7 spokes.)
  • If you say cri-o out loud, it kind of sounds like cyro, e.g., icy-cool like Mr. Freeze from Batman!
  • If we want to go for a mascot, a mammoth might be a neat one (from an icy time.)

So I had two initial ideas, riffing off of those:

  1. I tried to think of something nautical and frozen that might relate to Kubernetes in a reasonable way given what cri-o actually does. I kept coming back to icebergs, but they don’t relate to ships’ steering in the same way, and worse, I think they could have a bad connotation whether it’s around stranding polar bears, melting and drowning us all, or the Titanic.
  2. Better idea – not nautical, yet it related to the Kubernetes logo in a way. I was thinking a snowflake might be an interesting representation – it could have 7 spokes like the Kubernetes wheel. It relates a bit in that snowflakes are a composition of a lot of little ice crystals (containers), and kubernetes would place them on the runtime (cri-o) in a formation that made the most sense, forming something beautiful 🙂 (the snowflake.)

I abandoned the iceberg idea and went through a lot of iterations of different snowflake shapes – there are so many ways to make a snowflake! I used the cloning feature in Inkscape to set up the first spoke, then cloned it to the other 6 spokes. I was able to tweak the shapes in the first spoke and have it affect all spokes simultaneously. (It’s a neat trick I should video blog one of these days.)
This is what I came up with:
3 versions of the crio logo with different color treatments - one on a white background, one on a flat blue background, one on a blue gradient background. on the left is a 7-spoke snowflake constructed from thin lines and surrounded by a 7-sided polygon, on the right is the logotype 'cri-o'
I ended up on a pretty simple snowflake – I think it needs to be readable at small sizes, and while you can come up with some beautiful snowflake compositions in Inkscape, it’s easy to make snowflakes that are too elaborate and detailed to work well at a small size. The challenge was clarity at a small size as well as readability as a snowflake. The narrow-line drawing style seems to be pretty popular these days too.
The snowflake shape is encased in a 7-sided polygon (similar to the Kubernetes logo) – my thinking being the shape and narrowness of the line kind of make it looked like the snowflake is encased in ice (along the cryo initial idea.)
The dark blue color is a nod to the nautical theme; the bright blue highlight color is a nod to the cyro idea.
Completely symbolic, and maybe not in a clear / rational way, but I colored a little piece of each snowflake spoke using a blue highlight color, trying to make it look like those are individual pieces of the snowflake structure (eg the crystals == containers idea) getting deployed to create the larger snowflake.
Anyway! That is an idea for the cri-o logo. What do you think? Does it work for you? Do you have other, better ideas?

9 Comments

  1. anyway
    try processing.js is a javascript tool for arts…

  2. Rodrigo Araujo says:

    Highlighting the crystals was a nice idea.
    Maybe that inner shapes act a bit as arrows attracting the eye to the center.
    The alternating colored patterns makes it more dynamic.
    It is recognizable inverted, so it’s a functional and beautiful logo! 🙂

  3. Aren’t these snowflakes too thinly drawn? Wouldn’t slightly more thick lines look better?

    1. mairin says:

      Well it’s a stylistic thing. It should work well at small sizes too. I think when you make lineart snowflakes too thick they lose the delicacy and become less readable as a snowflake.

  4. Michalis says:

    Awesome! crio in Greek sounds like “κρυο” which means “cold”!
    https://en.wiktionary.org/wiki/%CE%BA%CF%81%CF%8D%CE%BF

  5. […] A logo for cri-o […]

  6. Any comment why the last/first vertex of the Heptagon is pointing down as opposed to Kubernetes’s one which is pointing up?
    Let me put it this way why is the cri-o’s heptagon a water reflection of kubernetes’s heptagon?

    1. mairin says:

      Intentional. Wanted to give it a different silhouette for recognition.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.