Google Chrome’s logo update

Google Chrome‘s logo got a very small update & it’s not something you would notice.

While it got some platform-specific enhancements (like a shadow for MacOS & gradients on Windows),
what caught my attention was their reason to update its color:

𝘛𝘰 𝘳𝘦𝘥𝘶𝘤𝘦 𝘤𝘰𝘭𝘰𝘳 𝘷𝘪𝘣𝘳𝘢𝘵𝘪𝘰𝘯 & 𝘮𝘢𝘬𝘦 𝘪𝘵 𝘮𝘰𝘳𝘦 𝘢𝘤𝘤𝘦𝘴𝘴𝘪𝘣𝘭𝘦.

Which leads to an interesting question: What exactly is color vibration?

When two highly saturated colors of similar brightness levels are placed next to each other, their edges start merging/vibrating.

In the image below, the two blocks of text are written in the same font & size.
But the one on top appears fuzzy & that’s what color vibration looks like.

So, is color vibration bad? Not always.
It can be used to grab attention or guide the eyes to specific parts of your design.

Hope you found this little nugget of information interesting!

color vibration example

Leave a comment

Your email address will not be published.