With the launch of Firefox Quantum (57) on November 14th, Firefox, the free Web browser developed by Mozilla, is launching a new product identity system named “Photon Design System”.
The first elements available in this system are the app icons for Firefox products. The new icon is a simpler version of the past emblem, it keeps the iconic flaming fox embracing the globe, but now with fewer details and brighter colors. The way they created depth only with color gradients is amazing, the execution is great. Some designers may think that it is using too many colors for a logo (and I kinda had the same feeling) however since it is a digital brand mainly living on screens, the color combination and hue saturation work. Plus, each Firefox product’s release channel displays its own variation of the app icon.
The abstraction definitely is so much better, the curves have a natural flow and create consistent figures. I still believe that the simplicity can be pushed even further, the hair details on the ears, head, and tail are not necessary to be able to distinguish the fox figure, but if they wanna keep them maybe they should go for bigger and bolder strokes like they did with the flames. Not to mention its functionality in smaller sizes.
As for the wordmark, the brand is using a customized version of Fira Sans, which makes a good contrast next to the strong icon.
I am glad that Firefox is finally turning its complex illustration in an actual logo that can be easier remember. For the past years, its icon was so complex that it was almost impossible to recreate, people did identify the juxtaposition of the world with the fox, but having a clear image of the brand was difficult. Let’s don’t forget that the logos should have the ability to be pictured in people’s mind as accurate as possible, and I think Firefox is getting there.
But well… at least this is my f opinion