Paul Rand designed the IBM trademark, the Westinghouse “W,” the marks for American Broadcasting Company (ABC), UPS, Esquire Magazine, Harcourt-Brace and other memorable trademarks. A recent post on logodesignlove discussed a 1971/71 article by Stanley Mason on how Rand presented his work to clients. Long before the days of digital graphic arts, Rand created short-run offset print publications to present to his clients. Paul Rand avoided flashy presentations and let the work speak for itself, presenting booklets to the top decisionmaking executives. This was pure genius, as these printed materials helped cement the designs as finished products.
In the 1971/72 article, Stanley Mason wrote that the trademark “should be distinctive, memorable, and reflect in some way, however abstractly, the nature of the product or service it represents.” Rand’s rebranding of IBM added eight horizontal stripes and a brilliant blue to the previous trademark. This added movement and color made the mark more dynamic and memorable. It remains strong today.
The ABC logo is simple and understated, yet everyone remembers it.
The NeXT computer logo may not be as memorable since the company disappeared.
You can read more and download PDFs of the 70s article here.
Upon introducing the color, Pantone said, “A dramatically provocative and thoughtful purple shade, PANTONE 18-3838 Ultra Violet communicates originality, ingenuity, and visionary thinking that points us toward the future.”
You can find tools for designers, including color palettes for Adobe Creative Cloud and other programs, here.
More and more big companies commission their own typefaces, rather than relying upon the thousands of fonts readily available for marketing their goods and services.
Recent, notable bespoke typefaces
This month, The Coca-Cola Company (TCCC) introduced its bespoke Unity font. Depending on who you ask, some designers love it, and others hate it. Coca-Cola has used a script logotype for decades, and a while back introduced a serif font with the word, “Coke.” Unity is a departure; it is a sans-serif typeface family with several weights.
In 2017, IBM rolled out its bespoke typeface families, named Plex, and YouTube introduced YouTube Sans.
In 2016, Apple introduced San Francisco typefaces at its Worldwide Developer Conference. These fonts were inspired by Helvetica, and were developed for ease of reading on small screens like the Apple Watch and iPhone, as well as on iPads and Mac computers. The same year, CNN introduced CNN Sans—also modeled on Helvetica.
In 2015, Google rebranded its famous “G” using a proprietary font called Product Sans. Product Sans has a strong resemblance to Futura. Google rolled out Roboto In 2013 for the Android OS. Also in 2013, Mozilla rolled out typefaces for its Firefox OS, called Fira Sans and Fira Mono.
Why use a bespoke typeface?
It’s all about branding. We are bombarded by thousands of advertisements each day on smartphones and other computers. We may see an advertisement for a fraction of a second before engaging with the brand or discarding the ad. According to Envato, simply having a recognizable logo is not enough. Companies have to stand out, so branding today requires notable logos, colors, copy and typography. “Bespoke fonts offer brands more control over their identity, and in some cases can even save them money in the long run.”
Companies must stand out
Will bespoke typefaces result in the death of Helvetica?
Helvetica (Neue Haas Grotesk) was developed in 1957 by Swiss typographer Max Miedinger and became the de facto standard of international typeface design in the mid-20th Century. It remains popular today—Helvetica Neue is the default Mac font—because it is both readable and legible at many different sizes and weights.
It’s not likely that Helvetica is going away anytime soon. It is still the favorite of many designers because of its versatility and simplicity. Just make room for the new, bespoke typefaces to coexist with Helvetica.
Envato’s blog post confirmed what many of us have known for a while… blue is the favorite color on the Internet. Just look at logos for social networking sites, and you will see a sea of blue, with some other colors sprinkled in. Facebook Twitter, LinkedIn and Google all use blue for logos and Web sites.
The sky is blue, and the atmosphere is blue. But why did Internet pioneers choose blue, or a specific blue?
Tim Berners-Lee, the father of the Internet, was shown blue links on early screen prototypes. The color stuck.
Mark Zuckerberg chose blue for FaceBook because he is (red/green) colorblind.
Google tested 41 shades of blue for Internet links, and today billions of people see the blue that won the user test.
Designer Paul Herbert’s 2016 analysis of the hues used on the ten most popular Internet sites shows that blue is by far the most popular color, with twice the usage of red or yellow, and four times the usage of green or purple(see my post, The colors of the Web). You can find an interactive version of the image below on his Web site.
Blue has many personalities
Blue is like a chameleon, with many hues and many personalities. Blue can convey professionalism, it can be warm and inviting, exciting, or cold and scientific. Which blues do you use?
Blue hues reign at the top of the most used hues on the most popular Internet sites, according to Paul Herbert Designs. This designer wrote a script to “scrape” the most-used colors from the most visited sites, according to alexa.com. First, he has a graphic with the colors from the top ten sites. You can mouse over a color on his Web site to see its HEX code.
The most popular colors by hue
Herbert also charts colors by hue, both on a bar chart and using a radial map where you can change the background color. Blues rule!
Herbert analyzed the color code formats used. Designers used HEX (hexadecimal) most often, then RGBa (red-green-blue + alpha), 3-digit HEX and named colors, in that order. None of the designers used RBG, HSL (hue-saturation-lightness) or HSLa (HSL + alpha )formats.
Tools and Tutorials
Finally, Paul Herbert describes the meaning of different color formats, and how to convert colors among the formats. He explains the science behind the different formats; predefined color names, RGB, RGBa, HEX, 3-digit HEX, HSL and HSLa.
W3 Schools is a great resource for information on using colors in HTML. The colors HOME page starts with a tutorial on the most common color designations–named colors, RGB, and HEX. The tutorial lets you try the HTML yourself.
If you want to explore different color standards, you can
dive into different national and trade organization color standards
find the HEX codes for your favorite Crayola crayon colors