Product Sans Explained

Product Sans
Style:Sans-serif
Foundry:Google
Classifications:Geometric
License:Proprietary[1]
Based On:Futura
Neuzeit Grotesk
Tempo
Avenir
Arabic:no
Cyrillic:yes
Devangari:yes
Greek:yes
Hebrew:yes
Ipa:no
Latin:no

Product Sans is a contemporary geometric sans-serif typeface created by Google for branding purposes.[2] [3] It replaced the old Google logo on September 1, 2015. As Google's branding was becoming more apparent on a multitude of kinds of devices, Google sought to adapt its design so that its logo could be portrayed in constrained spaces and remain consistent for its users across platforms.

Design

The design team wanted to retain the simple and approachable styles in previous logos but also include geometric forms. It has been suggested that the design of Product Sans is inspired by Futura.[4] The most notable difference between the two is the double-storey 'a', which was implemented to contrast the circular shapes of the other characters.[5] Product Sans prefers to end the stroke terminals at about 45 degrees, with the cut off being perpendicular to the tangent of the stroke.

Slight optical corrections were also made to the geometric forms. The uppercase "G" has its circular shape pulled inwards slightly where it meets the crossbar. The counters of the '6', '8', and '9' are almost perfect circles. These visual corrections were made for legibility.

License

Product Sans is proprietary and was not released under an open source license.[6]

Usage

See main article: Google logo. The present Google logo is based on Product Sans. Slight modifications do exist in the logo compared to the typeface; the most noticeable is the slanted 'e'. The differences between the logo and Product Sans allows for distinction between the Google logotype and product name. Product Sans is mainly used in the text of Google's numerous services' logotypes such as Maps, Drive, News, and Earth. The font is also used on the Google Store,[7] and in some versions of Android.

Variations

In 2018, Google created Google Sans, a size-optimized version of Product Sans used as the display font of Google's customized and adapted version of Material Design, the "Google Material Theme".[8] [9]

Sometime between 2018 and 2020, Google also created Google Sans Display, a variation of Google Sans.[10]

In 2020, Google introduced Google Sans Text, yet another variation of Google Sans featured in some used products, with the most notable difference being the added spur on the capital letter "G".[11]

External links

Notes and References

  1. Web site: Google Product Sans License. Google. 2 March 2017. 24 December 2016. https://web.archive.org/web/20161224225938/https://fonts.google.com/license/productsans. live.
  2. Web site: Evolving the Google Identity. Google Design. 2 May 2016. 6 May 2016. https://web.archive.org/web/20160506125945/https://design.google.com/articles/evolving-the-google-identity/. dead.
  3. Web site: Swanner. Nate. Google created an entirely new typeface (Product Sans) for its snappy logo redesign. The Next Web. September 2015. 2 May 2016. 10 May 2016. https://web.archive.org/web/20160510193056/http://thenextweb.com/google/2015/09/01/google-created-an-entirely-new-typeface-for-its-snappy-logo-redesign/. live.
  4. News: What Font is the New Google Logo? - Design for Hackers. 2015-09-01. Design for Hackers. 2017-03-12. en-US. 2017-03-13. https://web.archive.org/web/20170313125644/https://designforhackers.com/blog/googles-new-logo-font/. live.
  5. Web site: Product Sans Specimen. 2015. Google Inc.. 12 March 2017. 1 April 2017. https://web.archive.org/web/20170401142039/https://storage.googleapis.com/g-design/static/product-sans-specimen.pdf. live.
  6. Web site: Google Fonts: license for Product Sans. 2017-03-02. 2016-12-24. https://web.archive.org/web/20161224225938/https://fonts.google.com/license/productsans. live.
  7. Web site: Google Store. https://web.archive.org/web/20180111034642/https://store.google.com/. 2018-01-11. 2020-07-20. Googe Store. en-US. live.
  8. Web site: Hall. Stephen. Now we know: Google Sans is actually a size-optimized version of Product Sans. 9to5Google. 9 May 2018. 14 May 2018. 14 May 2018. https://web.archive.org/web/20180514064205/https://9to5google.com/2018/05/09/google-sans-vs-product-sans/. live.
  9. Web site: How Google created a custom Material theme. Material Design. 2 October 2018. 29 September 2018. https://web.archive.org/web/20180929122928/https://material.io/articles/how-google-created-a-custom-material-theme.html. live.
  10. Web site: Downloads Google Fiber Brand Guidelines. 2021-05-20. fiber-brand.appspot.com. 2021-05-20. https://web.archive.org/web/20210520161017/https://fiber-brand.appspot.com/downloads. live.
  11. Web site: Li. Abner. 2021-05-20. Google apps are beginning to adopt 'Google Sans Text'. 2021-05-20. 9to5Google. en-US. 2021-05-20. https://web.archive.org/web/20210520004001/https://9to5google.com/2021/05/19/google-sans-text/. live.