0

How FedEx Influenced the React Logo — Maykel Loomans

 1 year ago
source link: https://maykelloomans.com/notebook/how-fedex-influenced-the-react-logo?ref=sidebar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

/ Notebook

How FedEx Influenced the React Logo

Sometimes when you’re designing, you get the license to take the time to explore many different directions and get a great result. Sometimes, you have barely any time to get the work done.

You rarely get fortunate to encounter a situation in which it sits front of you after a few minutes. The React logo was one of those lucky cases.

Let me start by saying: logo design is the furthest away from something that I believe I can do at a quality bar that I deem excellent (see: Ira Glass’ The Gap). However, sometimes life has its magical way, and you find yourself in a situation where you have to get uncomfortable.

In the spring of 2013 — while Pete Hunt and I were refactoring large parts of instagram.com to React — it became clear that Facebook wanted to start heavily investing in open-source. And React was going to be one of the first frameworks we would make available publicly. As with any launch, we needed a bunch of documentation and collateral designed if we wanted to stand out from the plethora of other frameworks.

react-logo-in-steps.png

Cue a couple of sketches, lazily drawing some curves to look like a simple version of an atom and magically having that “FedEx logo feeling” from the moment they came together.

If you aren’t familiar: the FedEx logo is widely regarded as one of the most successful logos amongst designers. Whereas the logo looks pretty bland from the outset, the arrow elegantly hidden in the negative space between the E and the x is a crucial example of “once you see it, you can’t unsee it”. There’s something extraordinary in the way your brain stores that pattern recognition deep in its depths, which is another illustration that everything is a remix.

For the React logo, it meant that after drawing three ovals, of which two were rotated incrementally by sixty degrees, a cog appeared. Et voila: a technological framework — a tool, if you will — that has a name that correlates with chemistry, represented by a cog living in the negative space of a simplified atom.

react-logo-cog-appears.png

Anyway, I won’t make this too long. It was an honor to engage in creative work that serendipitously stood on the shoulders of giants, only to become a part of technology history that has caused a paradigm shift in the way we engineer for the web.

Thanks for reading; this was a fun one to reminisce on.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK