Google Material You / Brand Interface

  • Andrew Chee

Interface design for the next generation of the Material Design system, launched on the flagship Pixel smartphone; visual and interaction design, in collaboration with Material Design, Seed Studio, and related product teams.

Source:
https://andrewchee.com/work/google-material-you-brand-interface
Launched at Google I/O 2021 05 18
Android 12 Pixel 6
Visual Design Lead ↴ Material Next (Material You) Pixel OS
Feature Areas ↴ Assistant Shade Quick Settings Media Player Volume Controls Power Status Privacy Settings
Widgets ↳ Clock ↳ Photos ↳ Calendar ↳ Weather ↳ Media
Launcher ↳ Customization ↳ Widgets
Translate ↳ Lens / Camera ↳ Messaging ↳ Keyboard / Gboard
Teams ↴ Android Visual & Motion Design Material Design Seed Studio
Google I/O ↴ Google I/O 2021, 2021 05 18 Keynote 2021 05 18 Developer Keynote 2021 05 18
Press / Google ↴ Google, Material You 2021 05 18 Google, The Keyword 2021 05 18 Google, Better Together 2021 05 18 Google, Wear Google, Future of Work 2021 05 18 Google, Android 12 2021 05 18
Press / Articles ↴ Wired 2021 05 21 The Guardian 2021 05 18 Fast Company 2021 05 18 CNN 2021 05 18 CNET 2021 05 18 Ars Technica 2021 05 18 TechCrunch 2021 05 18 Engadget 2021 05 18 Gizmodo 2021 05 18 9 to 5 2021 05 19 9 to 5 2021 05 18 GMS Arena 2021 05 18
Press / Videos ↴ The Verge 2021 05 18 Google, New in Android 2021 05 18 Google, New in Widgets 2021 05 18 Google, New in Media 2021 05 18 Google, New in Foldables 2021 05 18 Google, New in Privacy 2021 05 18
Social ↴ Material Design Android Material You
“Android 12 exudes confidence in its design, unafraid to make everything much larger and a little more playful. Every big design change can be polarizing, and I expect Android users who prefer information density in their UI may find it a little off-putting. But in just a few days, it has already grown on me.” —The Verge
“Nothing articulates the value of Material You more than the way it treats color palettes. While I’ve yet to try it myself, Google’s plan to build your entire phone’s color scheme from your wallpaper is a brilliant idea. That’s because, while almost no one changes the defaults of their software, Google says 60% of people update their wallpaper—and the images are often highly personal pictures of families and experiences.” —Fast Company
Guiding Principles ↳ Comfortable ↳ Iconoclastic ↳ Spirited ↳↳ Shape ↳↳ Space ↳↳ Light ↳↳ Motion
Attributes / Behaviors ↳ Adaptive ↳ Accessible ↳ Inclusive ↳ Humanist ↳ ...
As one of the design leads on Material Next (aka Material You), I can share that the design of Android 12 was built first on the brand attribute of “adaptive” which is something many brands (and brand designers) tout but few can pull off thoroughly. Amongst an interdisciplinary team equally deep in engineering and design, this means the entire system UI color palette adapts to the user’s choice of a wallpaper, in both light and dark themes, auto-corrected to ensure WCAG-compliant contrast and legibility, thanks to a daily iterative process of fine tuning machine learning to our design team's evolving frameworks of color intent and color theory.
Furthermore, our typography and shape system is also designed from the ground-up with accessibility in mind, allowing for everything to adapt and morph to fit any given container, be it a control set, a phone, watch, TV, or multiple surfaces around an environment.
Android has over 3 billion active devices around the world, across multiple languages, ages, abilities, and so unlike many competitor’s operating systems, we had to start by truly respecting the needs of a global community. This is why Material You includes the user as the final decision maker of the interface of each device, creating personalized identity systems created from unique combinations of parameters that even we as the original design team may not even have known existed until the user proudly shares a screenshot of their most personal device.
Full case study, design iterations, and other behind the scenes forthcoming.
\",\"cache_age\":86400},\"meta\":{\"extractor\":\"iframely\"},\"links\":{\"self\":\"v1/x-media/https://andrewchee.com/content/work/106-google-material-you-brand-interface/010_andrew-chee_google-material-you-brand-interface.mp4\"},\"properties\":\"~project~project~attributes~blocks~2~attributes~xMedia~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/embed-blocks/183809\"},\"relationships\":{\"x-media\":{\"links\":{\"self\":\"v1/embed-blocks/183809/relationships/x-media\",\"related\":\"v1/embed-blocks/183809/x-media\"},\"data\":{\"type\":\"x-media\",\"id\":\"https://andrewchee.com/content/work/106-google-material-you-brand-interface/010_andrew-chee_google-material-you-brand-interface.mp4\"}},\"xMedia\":\"~project~project~attributes~blocks~2~attributes~xMedia\"},\"properties\":\"~project~project~attributes~blocks~2~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915930\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359810\",\"attributes\":{\"filename\":\"4359810/100-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":54320,\"width\":2304,\"height\":2304,\"createdAt\":1621947957,\"updatedAt\":1621947957,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359810\"},\"properties\":\"~project~project~attributes~blocks~3~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915930\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~3~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~3~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915929\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359812\",\"attributes\":{\"filename\":\"4359812/110-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":38899,\"width\":2304,\"height\":2304,\"createdAt\":1621947957,\"updatedAt\":1621947957,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359812\"},\"properties\":\"~project~project~attributes~blocks~4~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915929\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~4~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~4~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915928\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359813\",\"attributes\":{\"filename\":\"4359813/120-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":38829,\"width\":2304,\"height\":2304,\"createdAt\":1621947958,\"updatedAt\":1621947958,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359813\"},\"properties\":\"~project~project~attributes~blocks~5~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915928\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~5~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~5~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915927\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359831\",\"attributes\":{\"filename\":\"4359831/130-andrew-chee-google-material-you-brand-interface.gif\",\"kind\":\"image\",\"mimeType\":\"image/gif\",\"size\":21893206,\"width\":1000,\"height\":727,\"createdAt\":1621948233,\"updatedAt\":1621948233,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359831\"},\"properties\":\"~project~project~attributes~blocks~6~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915927\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~6~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~6~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915926\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359811\",\"attributes\":{\"filename\":\"4359811/140-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":37814,\"width\":2304,\"height\":2304,\"createdAt\":1621947957,\"updatedAt\":1621947957,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359811\"},\"properties\":\"~project~project~attributes~blocks~7~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915926\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~7~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~7~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915925\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359809\",\"attributes\":{\"filename\":\"4359809/150-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":47435,\"width\":2304,\"height\":2304,\"createdAt\":1621947957,\"updatedAt\":1621947957,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359809\"},\"properties\":\"~project~project~attributes~blocks~8~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915925\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~8~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~8~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915924\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359822\",\"attributes\":{\"filename\":\"4359822/160-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":4586884,\"width\":2304,\"height\":2304,\"createdAt\":1621947974,\"updatedAt\":1621947974,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359822\"},\"properties\":\"~project~project~attributes~blocks~9~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915924\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~9~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~9~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915923\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359820\",\"attributes\":{\"filename\":\"4359820/170-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":2647185,\"width\":2304,\"height\":2304,\"createdAt\":1621947971,\"updatedAt\":1621947971,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359820\"},\"properties\":\"~project~project~attributes~blocks~10~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915923\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~10~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~10~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915922\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359818\",\"attributes\":{\"filename\":\"4359818/180-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":923221,\"width\":10992,\"height\":6184,\"createdAt\":1621947965,\"updatedAt\":1621947965,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359818\"},\"properties\":\"~project~project~attributes~blocks~11~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915922\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~11~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~11~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915921\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359814\",\"attributes\":{\"filename\":\"4359814/190-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":270179,\"width\":3200,\"height\":1800,\"createdAt\":1621947959,\"updatedAt\":1621947959,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359814\"},\"properties\":\"~project~project~attributes~blocks~12~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915921\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~12~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~12~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915920\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359817\",\"attributes\":{\"filename\":\"4359817/200-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":596521,\"width\":2304,\"height\":2304,\"createdAt\":1621947963,\"updatedAt\":1621947963,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359817\"},\"properties\":\"~project~project~attributes~blocks~13~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915920\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~13~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~13~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915919\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359816\",\"attributes\":{\"filename\":\"4359816/210-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":684791,\"width\":2304,\"height\":2304,\"createdAt\":1621947962,\"updatedAt\":1621947962,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359816\"},\"properties\":\"~project~project~attributes~blocks~14~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915919\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~14~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~14~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915918\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359815\",\"attributes\":{\"filename\":\"4359815/220-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":284773,\"width\":2304,\"height\":2304,\"createdAt\":1621947960,\"updatedAt\":1621947960,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359815\"},\"properties\":\"~project~project~attributes~blocks~15~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915918\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~15~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~15~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915917\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359819\",\"attributes\":{\"filename\":\"4359819/230-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":1533603,\"width\":1360,\"height\":1360,\"createdAt\":1621947968,\"updatedAt\":1621947968,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359819\"},\"properties\":\"~project~project~attributes~blocks~16~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915917\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~16~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~16~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1915916\",\"attributes\":{\"size\":1,\"createdAt\":1621948259,\"updatedAt\":1621948259,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4359821\",\"attributes\":{\"filename\":\"4359821/240-andrew-chee-google-material-you-brand-interface.png\",\"kind\":\"image\",\"mimeType\":\"image/png\",\"size\":3122629,\"width\":1360,\"height\":1360,\"createdAt\":1621947972,\"updatedAt\":1621947972,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4359821\"},\"properties\":\"~project~project~attributes~blocks~17~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1915916\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~17~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~17~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"text-blocks\",\"id\":\"2632495\",\"attributes\":{\"text\":\"Launched at Google I/O\\n2021 05 18\\nAndroid 12\\nPixel 6\\nVisual Design Lead ↴\\nMaterial Next (Material You)\\nPixel OS\\nFeature Areas ↴\\nAssistant\\nShade\\nQuick Settings\\nMedia Player\\nVolume Controls\\nPower\\nStatus\\nPrivacy\\nSettings\\nWidgets\\n↳ Clock\\n↳ Photos\\n↳ Calendar\\n↳ Weather\\n↳ Media\\nLauncher\\n↳ Customization\\n↳ Widgets\\nTranslate\\n↳ Lens / Camera\\n↳ Messaging\\n↳ Keyboard / Gboard\\nTeams ↴\\nAndroid Visual & Motion Design\\nMaterial Design\\nSeed Studio\\nGoogle I/O ↴\\nGoogle I/O 2021, 2021 05 18\\nKeynote 2021 05 18\\nDeveloper Keynote 2021 05 18\\nPress / Google ↴\\nGoogle, Material You 2021 05 18\\nGoogle, The Keyword 2021 05 18\\nGoogle, Better Together 2021 05 18\\nGoogle, Wear\\nGoogle, Future of Work 2021 05 18\\nGoogle, Android 12 2021 05 18\\nPress / Articles ↴\\nWired 2021 05 21\\nThe Guardian 2021 05 18\\nFast Company 2021 05 18\\nCNN 2021 05 18\\nCNET 2021 05 18\\nArs Technica 2021 05 18\\nTechCrunch 2021 05 18\\nEngadget 2021 05 18\\nGizmodo 2021 05 18\\n9 to 5 2021 05 19\\n9 to 5 2021 05 18\\nGMS Arena 2021 05 18\\nPress / Videos ↴\\nThe Verge 2021 05 18\\nGoogle, New in Android 2021 05 18\\nGoogle, New in Widgets 2021 05 18\\nGoogle, New in Media 2021 05 18\\nGoogle, New in Foldables 2021 05 18\\nGoogle, New in Privacy 2021 05 18\\nSocial ↴\\nMaterial Design\\nAndroid\\nMaterial You\\n“Android 12 exudes confidence in its design, unafraid to make everything much larger and a little more playful. Every big design change can be polarizing, and I expect Android users who prefer information density in their UI may find it a little off-putting. But in just a few days, it has already grown on me.”\\n—The Verge\\n“Nothing articulates the value of Material You more than the way it treats color palettes. While I’ve yet to try it myself, Google’s plan to build your entire phone’s color scheme from your wallpaper is a brilliant idea. That’s because, while almost no one changes the defaults of their software, Google says 60% of people update their wallpaper—and the images are often highly personal pictures of families and experiences.”\\n—Fast Company\\nGuiding Principles\\n↳ Comfortable\\n↳ Iconoclastic\\n↳ Spirited\\n↳↳ Shape\\n↳↳ Space\\n↳↳ Light\\n↳↳ Motion\\nAttributes / Behaviors\\n↳ Adaptive\\n↳ Accessible\\n↳ Inclusive\\n↳ Humanist\\n↳ ...\\nAs one of the design leads on Material Next (aka Material You), I can share that the design of Android 12 was built first on the brand attribute of “adaptive” which is something many brands (and brand designers) tout but few can pull off thoroughly. Amongst an interdisciplinary team equally deep in engineering and design, this means the entire system UI color palette adapts to the user’s choice of a wallpaper, in both light and dark themes, auto-corrected to ensure WCAG-compliant contrast and legibility, thanks to a daily iterative process of fine tuning machine learning to our design team's evolving frameworks of color intent and color theory.\\nFurthermore, our typography and shape system is also designed from the ground-up with accessibility in mind, allowing for everything to adapt and morph to fit any given container, be it a control set, a phone, watch, TV, or multiple surfaces around an environment.\\nAndroid has over 3 billion active devices around the world, across multiple languages, ages, abilities, and so unlike many competitor’s operating systems, we had to start by truly respecting the needs of a global community. This is why Material You includes the user as the final decision maker of the interface of each device, creating personalized identity systems created from unique combinations of parameters that even we as the original design team may not even have known existed until the user proudly shares a screenshot of their most personal device.\\nFull case study, design iterations, and other behind the scenes forthcoming.\",\"reactDraftJson\":\"{\\\"blocks\\\":[{\\\"key\\\":\\\"34k48\\\",\\\"text\\\":\\\"Launched at Google I/O\\\\n2021 05 18\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":12,\\\"length\\\":10,\\\"key\\\":0}],\\\"data\\\":{}},{\\\"key\\\":\\\"58p2c\\\",\\\"text\\\":\\\"Android 12\\\\nPixel 6\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":0,\\\"length\\\":10,\\\"key\\\":1}],\\\"data\\\":{}},{\\\"key\\\":\\\"e5a54\\\",\\\"text\\\":\\\"Visual Design Lead ↴\\\\nMaterial Next (Material You)\\\\nPixel OS\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":36,\\\"length\\\":12,\\\"key\\\":2}],\\\"data\\\":{}},{\\\"key\\\":\\\"20hot\\\",\\\"text\\\":\\\"Feature Areas ↴\\\\nAssistant\\\\nShade\\\\nQuick Settings\\\\nMedia Player\\\\nVolume Controls\\\\nPower\\\\nStatus\\\\nPrivacy\\\\nSettings\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"b89da\\\",\\\"text\\\":\\\"Widgets\\\\n↳ Clock\\\\n↳ Photos\\\\n↳ Calendar\\\\n↳ Weather\\\\n↳ Media\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"fp7s7\\\",\\\"text\\\":\\\"Launcher\\\\n↳ Customization\\\\n↳ Widgets\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"acjph\\\",\\\"text\\\":\\\"Translate\\\\n↳ Lens / Camera\\\\n↳ Messaging\\\\n↳ Keyboard / Gboard\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"9t161\\\",\\\"text\\\":\\\"Teams ↴\\\\nAndroid Visual & Motion Design\\\\nMaterial Design\\\\nSeed Studio\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"2krlv\\\",\\\"text\\\":\\\"Google I/O ↴\\\\nGoogle I/O 2021, 2021 05 18\\\\nKeynote 2021 05 18\\\\nDeveloper Keynote 2021 05 18\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":13,\\\"length\\\":15,\\\"key\\\":3},{\\\"offset\\\":41,\\\"length\\\":7,\\\"key\\\":4},{\\\"offset\\\":60,\\\"length\\\":17,\\\"key\\\":5}],\\\"data\\\":{}},{\\\"key\\\":\\\"npkm\\\",\\\"text\\\":\\\"Press / Google ↴\\\\nGoogle, Material You 2021 05 18\\\\nGoogle, The Keyword 2021 05 18\\\\nGoogle, Better Together 2021 05 18\\\\nGoogle, Wear\\\\nGoogle, Future of Work 2021 05 18\\\\nGoogle, Android 12 2021 05 18\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":17,\\\"length\\\":20,\\\"key\\\":6},{\\\"offset\\\":49,\\\"length\\\":19,\\\"key\\\":7},{\\\"offset\\\":80,\\\"length\\\":23,\\\"key\\\":8},{\\\"offset\\\":115,\\\"length\\\":12,\\\"key\\\":9},{\\\"offset\\\":128,\\\"length\\\":22,\\\"key\\\":10},{\\\"offset\\\":162,\\\"length\\\":18,\\\"key\\\":11}],\\\"data\\\":{}},{\\\"key\\\":\\\"rsar\\\",\\\"text\\\":\\\"Press / Articles ↴\\\\nWired 2021 05 21\\\\nThe Guardian 2021 05 18\\\\nFast Company 2021 05 18\\\\nCNN 2021 05 18\\\\nCNET 2021 05 18\\\\nArs Technica 2021 05 18\\\\nTechCrunch 2021 05 18\\\\nEngadget 2021 05 18\\\\nGizmodo 2021 05 18\\\\n9 to 5 2021 05 19\\\\n9 to 5 2021 05 18\\\\nGMS Arena 2021 05 18\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":19,\\\"length\\\":5,\\\"key\\\":12},{\\\"offset\\\":36,\\\"length\\\":12,\\\"key\\\":13},{\\\"offset\\\":60,\\\"length\\\":12,\\\"key\\\":14},{\\\"offset\\\":84,\\\"length\\\":3,\\\"key\\\":15},{\\\"offset\\\":99,\\\"length\\\":4,\\\"key\\\":16},{\\\"offset\\\":115,\\\"length\\\":12,\\\"key\\\":17},{\\\"offset\\\":139,\\\"length\\\":10,\\\"key\\\":18},{\\\"offset\\\":161,\\\"length\\\":8,\\\"key\\\":19},{\\\"offset\\\":181,\\\"length\\\":7,\\\"key\\\":20},{\\\"offset\\\":200,\\\"length\\\":6,\\\"key\\\":21},{\\\"offset\\\":218,\\\"length\\\":6,\\\"key\\\":22},{\\\"offset\\\":236,\\\"length\\\":9,\\\"key\\\":23}],\\\"data\\\":{}},{\\\"key\\\":\\\"3d6k8\\\",\\\"text\\\":\\\"Press / Videos ↴\\\\nThe Verge 2021 05 18\\\\nGoogle, New in Android 2021 05 18\\\\nGoogle, New in Widgets 2021 05 18\\\\nGoogle, New in Media 2021 05 18\\\\nGoogle, New in Foldables 2021 05 18\\\\nGoogle, New in Privacy 2021 05 18\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":17,\\\"length\\\":9,\\\"key\\\":24},{\\\"offset\\\":38,\\\"length\\\":22,\\\"key\\\":25},{\\\"offset\\\":72,\\\"length\\\":22,\\\"key\\\":26},{\\\"offset\\\":106,\\\"length\\\":20,\\\"key\\\":27},{\\\"offset\\\":138,\\\"length\\\":24,\\\"key\\\":28},{\\\"offset\\\":174,\\\"length\\\":22,\\\"key\\\":29}],\\\"data\\\":{}},{\\\"key\\\":\\\"a59sl\\\",\\\"text\\\":\\\"Social ↴\\\\nMaterial Design\\\\nAndroid\\\\nMaterial You\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[{\\\"offset\\\":9,\\\"length\\\":15,\\\"key\\\":30},{\\\"offset\\\":25,\\\"length\\\":7,\\\"key\\\":31},{\\\"offset\\\":33,\\\"length\\\":12,\\\"key\\\":32}],\\\"data\\\":{}},{\\\"key\\\":\\\"7mp09\\\",\\\"text\\\":\\\"“Android 12 exudes confidence in its design, unafraid to make everything much larger and a little more playful. Every big design change can be polarizing, and I expect Android users who prefer information density in their UI may find it a little off-putting. But in just a few days, it has already grown on me.”\\\\n—The Verge\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"b10if\\\",\\\"text\\\":\\\"“Nothing articulates the value of Material You more than the way it treats color palettes. While I’ve yet to try it myself, Google’s plan to build your entire phone’s color scheme from your wallpaper is a brilliant idea. That’s because, while almost no one changes the defaults of their software, Google says 60% of people update their wallpaper—and the images are often highly personal pictures of families and experiences.”\\\\n—Fast Company\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"75mjh\\\",\\\"text\\\":\\\"Guiding Principles\\\\n↳ Comfortable\\\\n↳ Iconoclastic\\\\n↳ Spirited\\\\n↳↳ Shape\\\\n↳↳ Space\\\\n↳↳ Light\\\\n↳↳ Motion\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"de3q2\\\",\\\"text\\\":\\\"Attributes / Behaviors\\\\n↳ Adaptive\\\\n↳ Accessible\\\\n↳ Inclusive\\\\n↳ Humanist\\\\n↳ ...\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"5bt4i\\\",\\\"text\\\":\\\"As one of the design leads on Material Next (aka Material You), I can share that the design of Android 12 was built first on the brand attribute of “adaptive” which is something many brands (and brand designers) tout but few can pull off thoroughly. Amongst an interdisciplinary team equally deep in engineering and design, this means the entire system UI color palette adapts to the user’s choice of a wallpaper, in both light and dark themes, auto-corrected to ensure WCAG-compliant contrast and legibility, thanks to a daily iterative process of fine tuning machine learning to our design team's evolving frameworks of color intent and color theory.\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"9dppp\\\",\\\"text\\\":\\\"Furthermore, our typography and shape system is also designed from the ground-up with accessibility in mind, allowing for everything to adapt and morph to fit any given container, be it a control set, a phone, watch, TV, or multiple surfaces around an environment.\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"72q1m\\\",\\\"text\\\":\\\"Android has over 3 billion active devices around the world, across multiple languages, ages, abilities, and so unlike many competitor’s operating systems, we had to start by truly respecting the needs of a global community. This is why Material You includes the user as the final decision maker of the interface of each device, creating personalized identity systems created from unique combinations of parameters that even we as the original design team may not even have known existed until the user proudly shares a screenshot of their most personal device.\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}},{\\\"key\\\":\\\"espfq\\\",\\\"text\\\":\\\"Full case study, design iterations, and other behind the scenes forthcoming.\\\",\\\"type\\\":\\\"unstyled\\\",\\\"depth\\\":0,\\\"inlineStyleRanges\\\":[],\\\"entityRanges\\\":[],\\\"data\\\":{}}],\\\"entityMap\\\":{\\\"0\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=QQfwW5FE4mY\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=QQfwW5FE4mY\\\"}},\\\"1\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://blog.google/products/android/android-12-beta\\\",\\\"url\\\":\\\"https://blog.google/products/android/android-12-beta\\\"}},\\\"2\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://material.io/blog/announcing-material-you\\\",\\\"url\\\":\\\"https://material.io/blog/announcing-material-you\\\"}},\\\"3\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://events.google.com/io/?lng=en\\\",\\\"url\\\":\\\"https://events.google.com/io/?lng=en\\\"}},\\\"4\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=XFFrahd05OM\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=XFFrahd05OM\\\"}},\\\"5\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=a553D0s7HeE\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=a553D0s7HeE\\\"}},\\\"6\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://material.io/blog/announcing-material-you\\\",\\\"url\\\":\\\"https://material.io/blog/announcing-material-you\\\"}},\\\"7\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://blog.google/products/android/android-12-beta\\\",\\\"url\\\":\\\"https://blog.google/products/android/android-12-beta\\\"}},\\\"8\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.blog.google/products/android/better-together\\\",\\\"url\\\":\\\"https://www.blog.google/products/android/better-together\\\"}},\\\"9\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.blog.google/products/wear-os/wear-io21/\\\",\\\"url\\\":\\\"https://www.blog.google/products/wear-os/wear-io21/\\\"}},\\\"10\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://blog.google/technology/developers/io21-helpful-google/\\\",\\\"url\\\":\\\"https://blog.google/technology/developers/io21-helpful-google/\\\"}},\\\"11\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://blog.google/products/android/android-12-beta/?_ga=2.126153037.1118819455.1621351976-1129004818.1597333114\\\",\\\"url\\\":\\\"https://blog.google/products/android/android-12-beta/?_ga=2.126153037.1118819455.1621351976-1129004818.1597333114\\\"}},\\\"12\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.wired.com/story/gadget-lab-podcast-505/\\\",\\\"url\\\":\\\"https://www.wired.com/story/gadget-lab-podcast-505/\\\"}},\\\"13\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.theguardian.com/technology/2021/may/19/android-12-everything-you-need-to-know-about-googles-update\\\",\\\"url\\\":\\\"https://www.theguardian.com/technology/2021/may/19/android-12-everything-you-need-to-know-about-googles-update\\\"}},\\\"14\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.fastcompany.com/90637339/see-googles-expressive-new-design-language-built-by-billions-of-users\\\",\\\"url\\\":\\\"https://www.fastcompany.com/90637339/see-googles-expressive-new-design-language-built-by-billions-of-users\\\"}},\\\"15\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.cnn.com/2021/05/18/tech/android-12-redesign/index.html\\\",\\\"url\\\":\\\"https://www.cnn.com/2021/05/18/tech/android-12-redesign/index.html\\\"}},\\\"16\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.cnet.com/news/android-12-gets-biggest-design-change-in-years-whats-new-and-different-for-your-phone/\\\",\\\"url\\\":\\\"https://www.cnet.com/news/android-12-gets-biggest-design-change-in-years-whats-new-and-different-for-your-phone/\\\"}},\\\"17\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://arstechnica.com/gadgets/2021/05/google-shows-off-android-12s-huge-ui-overhaul/\\\",\\\"url\\\":\\\"https://arstechnica.com/gadgets/2021/05/google-shows-off-android-12s-huge-ui-overhaul/\\\"}},\\\"18\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://techcrunch.com/2021/05/18/google-offers-the-best-look-yet-at-android-12/\\\",\\\"url\\\":\\\"https://techcrunch.com/2021/05/18/google-offers-the-best-look-yet-at-android-12/\\\"}},\\\"19\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.engadget.com/google-android-12-public-183320969.html\\\",\\\"url\\\":\\\"https://www.engadget.com/google-android-12-public-183320969.html\\\"}},\\\"20\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://gizmodo.com/here-are-all-the-big-new-features-coming-in-android-12-1846917540\\\",\\\"url\\\":\\\"https://gizmodo.com/here-are-all-the-big-new-features-coming-in-android-12-1846917540\\\"}},\\\"21\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://9to5google.com/2021/05/19/material-you-guiding-principles/\\\",\\\"url\\\":\\\"https://9to5google.com/2021/05/19/material-you-guiding-principles/\\\"}},\\\"22\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://9to5google.com/2021/05/18/android-12-google-io/\\\",\\\"url\\\":\\\"https://9to5google.com/2021/05/18/android-12-google-io/\\\"}},\\\"23\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.gsmarena.com/android_12_reaches_beta_phase_introducing_a_huge_redesign-news-49173.php\\\",\\\"url\\\":\\\"https://www.gsmarena.com/android_12_reaches_beta_phase_introducing_a_huge_redesign-news-49173.php\\\"}},\\\"24\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=NrPBGglB4x8\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=NrPBGglB4x8\\\"}},\\\"25\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=D2cU_itNDAI\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=D2cU_itNDAI\\\"}},\\\"26\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=cHv84zXZf6E\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=cHv84zXZf6E\\\"}},\\\"27\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=pX00lybwwIk\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=pX00lybwwIk\\\"}},\\\"28\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=Qkiz3QIPJzk\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=Qkiz3QIPJzk\\\"}},\\\"29\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://www.youtube.com/watch?v=gTUt9mwfPS8\\\",\\\"url\\\":\\\"https://www.youtube.com/watch?v=gTUt9mwfPS8\\\"}},\\\"30\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://twitter.com/materialdesign/status/1394718542562430977\\\",\\\"url\\\":\\\"https://twitter.com/materialdesign/status/1394718542562430977\\\"}},\\\"31\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://twitter.com/Android/status/1394725710556712966\\\",\\\"url\\\":\\\"https://twitter.com/Android/status/1394725710556712966\\\"}},\\\"32\\\":{\\\"type\\\":\\\"LINK\\\",\\\"mutability\\\":\\\"MUTABLE\\\",\\\"data\\\":{\\\"href\\\":\\\"https://twitter.com/search?q=%23MaterialYou&src=typeahead_click\\\",\\\"url\\\":\\\"https://twitter.com/search?q=%23MaterialYou&src=typeahead_click\\\"}}}}\",\"multiColumn\":false,\"createdAt\":1621948259,\"updatedAt\":1621948321,\"deletedAt\":null,\"html\":\"\"},\"links\":{\"self\":\"v1/text-blocks/2632495\"},\"properties\":\"~project~project~attributes~blocks~18~attributes\",\"title\":\"undefined undefined\"}]},\"links\":{\"self\":\"v1/projects/502811\"},\"relationships\":{\"author\":\"~project~project~attributes~author\",\"features\":\"~project~project~attributes~features\",\"image\":\"~project~project~attributes~image\",\"industries\":\"~project~project~attributes~industries\",\"invites\":{\"links\":{\"self\":\"v1/projects/502811/relationships/invites\",\"related\":\"v1/projects/502811/invites\"},\"data\":null},\"owner-page\":{\"links\":{\"self\":\"v1/projects/502811/relationships/owner-page\",\"related\":\"v1/projects/502811/owner-page\"},\"data\":null},\"owner-user\":{\"links\":{\"self\":\"v1/projects/502811/relationships/owner-user\",\"related\":\"v1/projects/502811/owner-user\"},\"data\":{\"type\":\"users\",\"id\":\"366197\"}},\"owner-roles\":{\"links\":{\"self\":\"v1/projects/502811/relationships/owner-roles\",\"related\":\"v1/projects/502811/owner-roles\"},\"data\":[]},\"page-collaborators\":{\"links\":{\"self\":\"v1/projects/502811/relationships/page-collaborators\",\"related\":\"v1/projects/502811/page-collaborators\"},\"data\":[]},\"skills\":\"~project~project~attributes~skills\",\"tags\":\"~project~project~attributes~tags\",\"today-features\":{\"links\":{\"self\":\"v1/projects/502811/relationships/today-features\",\"related\":\"v1/projects/502811/today-features\"},\"data\":[]},\"user-collaborators-summary\":{\"links\":{\"self\":\"v1/projects/502811/relationships/user-collaborators-summary\",\"related\":\"v1/projects/502811/user-collaborators-summary\"},\"data\":[]},\"side-hustle-skill\":{\"links\":{\"self\":\"v1/projects/502811/relationships/side-hustle-skill\",\"related\":\"v1/projects/502811/side-hustle-skill\"},\"data\":null},\"desired-collaborator-professions\":{\"links\":{\"self\":\"v1/projects/502811/relationships/desired-collaborator-professions\",\"related\":\"v1/projects/502811/desired-collaborator-professions\"},\"data\":[]},\"x-likes\":{\"links\":{\"self\":\"v1/projects/502811/relationships/x-likes\",\"related\":\"v1/projects/502811/x-likes\"},\"data\":null},\"x-in-lists\":{\"links\":{\"self\":\"v1/projects/502811/relationships/x-in-lists\",\"related\":\"v1/projects/502811/x-in-lists\"},\"data\":null},\"ownerUser\":\"~project~project~attributes~author\",\"ownerRoles\":\"~project~project~attributes~ownerRoles\",\"pageCollaborators\":\"~project~project~attributes~pageCollaborators\",\"todayFeatures\":\"~project~project~attributes~todayFeatures\",\"userCollaboratorsSummary\":\"~project~project~attributes~userCollaboratorsSummary\",\"desiredCollaboratorProfessions\":\"~project~project~attributes~desiredCollaboratorProfessions\"},\"properties\":\"~project~project~attributes\",\"title\":\"Google Material You / Brand Interface\"},\"projectsFromPage\":[],\"usersForSkills\":[],\"usersFromPage\":[]},\"projectEditor\":{\"collaborators\":{\"data\":[],\"loading\":false,\"meta\":{\"count\":0,\"current\":0,\"total\":1}},\"project\":null},\"questions\":{\"connectionsQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"coronavirusQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"curatedQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"error\":false,\"errorCode\":null,\"isLoading\":false,\"isModalVisible\":false,\"isSaving\":false,\"latestQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"modalQuestion\":null,\"myQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"myReplies\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"popularQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"question\":null,\"questionsByProfessions\":[],\"recommendedQuestions\":[],\"suggestedUsers\":[],\"suggestedUsersCount\":0},\"ribbons\":{\"entities\":{},\"results\":{}},\"search\":{\"filterTag\":null,\"followedTags\":[],\"jobsTiles\":[],\"loading\":false,\"modals\":{\"events\":false},\"pagination\":{\"count\":0,\"current\":0,\"total\":0},\"questions\":{\"connections\":[],\"latest\":[],\"popular\":[],\"professions\":[]},\"questionsTiles\":null,\"results\":[]},\"sitemaps\":{\"eventPartners\":{\"data\":null,\"navigation\":null,\"pagination\":{\"count\":0,\"current\":0,\"total\":0}},\"jobs\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"pages\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"projects\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"questions\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"users\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"}},\"statusBar\":{\"message\":null,\"negative\":false,\"overtop\":false},\"subscriptions\":{\"action\":null,\"cart\":[],\"credits\":[],\"creditsCount\":0,\"fiveJobsPack\":null,\"proPlan\":null,\"singleJobPack\":null,\"threeJobsPack\":null},\"user\":{\"connections\":{\"connections\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}}}}}"; window.__APOLLO_STATE__ = "{\"ROOT_QUERY\":{\"__typename\":\"Query\",\"creditedProjects\":[]}}";