{"id":11686,"date":"2019-11-05T21:53:55","date_gmt":"2019-11-05T14:53:55","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=11686"},"modified":"2019-11-05T22:00:49","modified_gmt":"2019-11-05T15:00:49","slug":"facebook-rebrands-to-distinguish-the-company-from-the-app","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/en\/brand\/facebook-rebrands-to-distinguish-the-company-from-the-app.html","title":{"rendered":"Facebook rebrands to distinguish the company from the app"},"content":{"rendered":"<p><a href=\"https:\/\/vietbrands.vn\/en\/tag\/facebook\">Facebook<\/a> has unveiled a new company brand, featuring a capitalized wordmark, bespoke typeface and a flexible color palette that changes depending on its environment. Created with assistance from UK-based type foundry Dalton Maag and agency Saffron, the new brand identity aims to distinguish the company from the app, which will retain its current logo and branding.<\/p>\n<p>The decision to rebrand follows a move from Facebook to be more visible about its ownership of other apps like WhatsApp, Oculus,\u00a0Instagram, and Portal, recently introducing the \u201cfrom Facebook\u201d tagline to the products it owns. The brand identity will be introduced across these apps in the coming weeks, as well as to a new company website, which will launch on 12 November. Speaking to It\u2019s Nice That, Facebook\u2019s head of design Luke Woods says, \u201cWhen folks hear the word Facebook, they immediately think about Facebook the app. They don\u2019t find the connection to all of the other products and services that are part of the larger Facebook company. And that\u2019s really what we\u2019re trying to solve here.\u201d<\/p>\n<p>Starting at the beginning of 2019, Facebook brought together a team from across different areas of the business to work on the rebrand. Working iteratively in similar way to how Facebook prototypes digital products, the process first involved talking to Facebook employees, app users and businesses that use the platform about their perception of the brand, before devising three \u201cdesign behaviours\u201d that the new brand needed to embody: clarity (to simplify and build understanding), empathy (to respect context and environment) and creating space (to support users\u2019 stories).<\/p>\n<p>The team also enlisted UK-based type foundry Dalton Maag and agency Saffron to collaborate on the project. Facebook creative director Zach Stubenvoll tells us, \u201cPart of that decision was that we wanted an international perspective as we\u2019re looking at [the brand] internally and externally. Having Dalton Maag and Saffron\u2019s perspectives were very helpful to keep us moving quickly in this process and understand we\u2019re building a brand for a global audience.\u201d<\/p>\n<p>One of the key design decisions was to create a new brand that felt immediately different from the existing Facebook branding. Woods says, \u201cWe looked at the Facebook core visual assets, its word mark and approach to typography. They\u2019re lowercase letters, very condensed, vertically proportioned letterforms, with sharp edges. We thought about what tools we have as designers to draw a distinction.\u201d<\/p>\n<p><iframe loading=\"lazy\" title=\"Facebook Typography\" src=\"https:\/\/player.vimeo.com\/video\/370913887?dnt=1&amp;app_id=122963\" width=\"1020\" height=\"574\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>In opposition to the current app brand, the new logo features capitalized letters, with wide letterforms, rounder corners, and open spacing. Special attention was paid to the proportion of the letterforms. Woods says, \u201cTypically typefaces with classical proportions have much a narrower character for an \u2018F\u2019, \u2018B\u2019 or \u2018E\u2019, while characters like a \u2018C\u2019 and \u2018O\u2019 would take up a full square proportion. So we looked at a proportion that was a little bit evener character to character. We also looked for opportunities to bring some uniqueness into the typeface. Probably the most unique aspect is the bowed or curved diagonal lines that you see primarily and characters like the \u2018A\u2019 and the \u2018K\u2019. We wanted to provide an opportunity for more personality with capital letters that could otherwise feel a little bit more rigid.\u201d<\/p>\n<p>At odds with the Facebook app\u2019s instantly recognizable blue, the new wordmark does not have a fixed colorway and will adapt to the app in which it is being used. To complement this, Facebook opted for low-contrast letterforms, where the weight of the stroke is very even throughout different parts of the character. Woods explains, \u201cHaving a bolder or heavier weight than you might typically expect for all capitals gives us a surface on which we can place the vibrant and iconic colors from our app and consumer product brands.\u201d<\/p>\n<p><iframe loading=\"lazy\" title=\"Facebook wordmark redesign\" src=\"https:\/\/player.vimeo.com\/video\/370914199?dnt=1&amp;app_id=122963\" width=\"1020\" height=\"574\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p>It was also integral that the new branding sat comfortably within Facebook\u2019s suite of other apps. Woods says, \u201cWe want this company identity to have a connection to all of our product brands and their visual language so you get a little bit of the horizontal of Oculus and the pure geometry and softer radius from Instagram and Messenger. It was interesting to have this diverse ecosystem of visual elements to work with and to try to create something that can have a good level of harmony and contrasts with each of those distinct product brands that people are already familiar with.\u201d<\/p>\n<p>In some environments the new wordmark will be animated, using tracking and fade. As well as the custom wordmark, <a href=\"https:\/\/vietbrands.vn\/en\/tag\/rebrands\">Facebook<\/a> has also introduced a new people-centric approach to art direction, which Stubenvoll says is intended to reflect \u201copenness\u201d, \u201cpositivity\u201d and \u201cemotive moments\u201d. Stubenvoll adds, \u201cThe art direction was inspired by the communities and people who use our technologies every day. Through casting and research, we found people who are using Oculus or WhatsApp or any of the other technologies in really beautiful ways to build community, to have a closer connection or to empower you themselves and others, create change in their communities.\u201d<\/p>\n<p>The rebrand follows a testing time for Facebook after Mark Zuckerberg\u2019s Congress grilling in October about the company\u2019s decision not to take down political ads including false statements, and its newly\u00a0<a href=\"https:\/\/www.itsnicethat.com\/news\/instagram-stories-ar-effects-open-to-all-via-facebook-spark-ar-digital-130819\" target=\"_blank\" rel=\"noopener\">open-to-all Spark AR platform<\/a>\u00a0meeting some\u00a0<a href=\"https:\/\/www.itsnicethat.com\/news\/facebook-spark-ar-removes-plastic-surgery-filters-instagram-digital-211019\" target=\"_blank\" rel=\"noopener\">controversy<\/a>\u00a0over its mental wellbeing implications.<\/p>\n<p><iframe loading=\"lazy\" title=\"Facebook word mark redesign: Empathetic colour\" src=\"https:\/\/player.vimeo.com\/video\/370914150?dnt=1&amp;app_id=122963\" width=\"1020\" height=\"574\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"Facebook Wordmark\" src=\"https:\/\/player.vimeo.com\/video\/370914239?dnt=1&amp;app_id=122963\" width=\"1020\" height=\"574\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<figure id=\"attachment_11693\" aria-describedby=\"caption-attachment-11693\" style=\"width: 724px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/vietbrands.vn\/en\/brand\/facebook-rebrands-to-distinguish-the-company-from-the-app.html\/attachment\/facebook_rebrand_wordmark_redesign_dalton_maag_saffron_graphic-design_itsnicethat-ig-product-screen#main\" rel=\"attachment wp-att-11693\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11693\" src=\"https:\/\/vietbrands.vn\/wp-content\/uploads\/2019\/11\/Facebook_rebrand_wordmark_redesign_dalton_maag_saffron_graphic-design_itsnicethat-IG-Product-Screen.jpg\" alt=\"Facebook, Dalton Maag and Saffron: Facebook rebrand, on IG phone screen\" width=\"724\" height=\"407\" srcset=\"https:\/\/vietbrands.vn\/wp-content\/uploads\/2019\/11\/Facebook_rebrand_wordmark_redesign_dalton_maag_saffron_graphic-design_itsnicethat-IG-Product-Screen.jpg 724w, https:\/\/vietbrands.vn\/wp-content\/uploads\/2019\/11\/Facebook_rebrand_wordmark_redesign_dalton_maag_saffron_graphic-design_itsnicethat-IG-Product-Screen-712x400.jpg 712w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/a><figcaption id=\"caption-attachment-11693\" class=\"wp-caption-text\">Facebook, Dalton Maag, and Saffron: Facebook rebrand, on IG phone screen<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.daltonmaag.com\/\" target=\"_blank\" rel=\"noopener\">www.daltonmaag.com<\/a><br \/>\n<a href=\"https:\/\/saffron-consultants.com\/\" target=\"_blank\" rel=\"noopener\">saffron-consultants.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facebook has unveiled a new company brand, featuring a capitalized wordmark, bespoke typeface and a flexible color palette that changes depending on its environment. Created with assistance from UK-based type foundry Dalton Maag and agency Saffron, the new brand identity aims to distinguish the company from the app, which will retain its current logo and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":11687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[76,1533],"class_list":["post-11686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brand","tag-facebook","tag-rebrands"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/posts\/11686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/comments?post=11686"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/posts\/11686\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/media\/11687"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/media?parent=11686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/categories?post=11686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/en\/wp-json\/wp\/v2\/tags?post=11686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}