{"id":6983,"date":"2017-03-09T11:00:33","date_gmt":"2017-03-09T11:00:33","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=6983"},"modified":"2017-03-09T18:01:40","modified_gmt":"2017-03-09T18:01:40","slug":"designing-new-look-instagram-inspired-community","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/","title":{"rendered":"Designing a New Look for Instagram, Inspired by the Community"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1V7GYJQ_4lykfDzOf9q17eA.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6984\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1V7GYJQ_4lykfDzOf9q17eA.jpeg\" alt=\"1V7GYJQ_4lykfDzOf9q17eA\" width=\"800\" height=\"584\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1V7GYJQ_4lykfDzOf9q17eA.jpeg 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1V7GYJQ_4lykfDzOf9q17eA-600x438.jpeg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1V7GYJQ_4lykfDzOf9q17eA-768x561.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Last May, we announced a new look for Instagram, inside and outside the app. We created a new Instagram app icon and a set of unified icons for Hyperlapse, Layout, and Boomerang. We\u2019ve also refreshed the user interface with a simpler, more consistent design that helps people\u2019s photos and videos shine.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Inspiration<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When Instagram was founded, it was a place to easily edit and share photos. Five years later, things have evolved. Instagram is now a diverse community of interests where people are sharing more photos and videos than ever before; using new tools like Boomerang and Layout, and connecting in new ways through Explore.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Last year, a group of us started digging into how we could support this evolution while staying true to Instagram\u2019s heritage and spirit. We wanted to create a look that would represent the community\u2019s full range of expression \u2014 past, present, and future.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"We wanted to create a look that represented the community\u2019s full range of expression \u2014 past, present, & future.\"<\/p><\/span><\/blockquote>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Challenge: Honor Instagram\u2019s identity while reflecting its\u00a0growth<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Whether it\u2019s a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.instagram.com\/explore\/tags\/myinstagramlogo\/\">#myinstagramlogo<\/a> art piece or an <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.instagram.com\/p\/a1rR_0NqLI\/?taken-by=howtocookthat\">Instagram cake<\/a>, we feel lucky to have an icon that people love and want to make their own. Between the round shape with grippy textures, teddy-bear brown, candied lens, and rainbow, there\u2019s a lot to love.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Brands, logos and products develop deep connections and associations with people.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Brands, logos and products develop deep connections and associations with people, so you don\u2019t just want to change them for the sake of novelty. But the Instagram icon and design was beginning to feel, well\u2026not reflective of the community, and we thought we could make it better.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Let\u2019s begin<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/player.vimeo.com\/video\/166138104\" width=\"640me\" height=\"360\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The original icon\u2019s skeuomorphic style had the benefit of making it feel tangible despite being pixels, and our initial explorations involved trying to modernize it as it was. We started with the basics, removed ornamentation, and flattened the icon. And we arrived at a brighter, flatter option \u2014 but was it better? Would we feel the need to do this again in a year?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Since these early \u201cflattening\u201d explorations lacked the visual weight of the original, we turned our focus to figuring out exactly what people loved about the classic icon and how we could carry that over.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Anecdotally, we knew that people loved the rainbow and the camera lens was a key visual element. As a part of our process, we also asked people at the company to draw the Instagram icon from memory in 5 seconds. Almost all of them drew the rainbow, lens, and viewfinder.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">With this insight, we decided to translate these elements into a more modern app icon that strikes a balance between recognition and versatility.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Solution: The rainbow and camera lens as a\u00a0bridge<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/player.vimeo.com\/video\/166159119\" width=\"640\" height=\"640\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Color<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If the lens is a bridge into the bolder, simpler glyph, the rainbow is a bridge into the colorful gradient. Color has always been a huge part of Instagram \u2014 you see it in the classic app icon, filters, and the community\u2019s photos and videos.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When we started reimagining the rainbow, we looked at more minimal options, but ultimately we needed more warmth and energy to complement the glyph.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Glyph<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We realized we needed to move past a rendered camera to get a flexible, scalable glyph, but the previous glyph proved to be a weak basis for an icon. To maintain the previous icon\u2019s gravity, we had to figure out how to give the new mark more character while also removing what was unnecessary.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The question then became, how far do we go? If you abstract too much, the glyph doesn\u2019t feel tied to the history and soul of Instagram. If you make it too literal, it\u2019s hard to justify changing from what we currently have.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">After a lot of refinement, we landed on a glyph that still suggests a camera, but also sets the groundwork for years to come.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">One visual\u00a0identity<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Our family of apps \u2014 Layout, Boomerang, and Hyperlapse \u2014 also have a new, unified look. We carried the gradient through each icon, and designed them on the same grid to make the system feel cohesive. We also updated the Layout and Boomerang icons to better represent what the apps help you create \u2014 a collection of photos, or a mini video that loops forward and backward.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1GjkqVTzmtSAoF62cZcIvog.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6985\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1GjkqVTzmtSAoF62cZcIvog.jpeg\" alt=\"1GjkqVTzmtSAoF62cZcIvog\" width=\"800\" height=\"502\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1GjkqVTzmtSAoF62cZcIvog.jpeg 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1GjkqVTzmtSAoF62cZcIvog-600x377.jpeg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1GjkqVTzmtSAoF62cZcIvog-768x482.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">New UI<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Around the same time we started rethinking the icon, we began iterating on the UI, working to create something simple and clean so that people\u2019s posts are the focus in the app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">While the icon is a colorful doorway into the Instagram app, once inside the app, we believe the color should come directly from the community\u2019s photos and videos. We stripped the color and noise from surfaces where people\u2019s content should take center stage, and boosted color on other surfaces like sign up flows and home screens.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1BO_gO-0X-TPX8z12driOBg.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6986\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/03\/1BO_gO-0X-TPX8z12driOBg.jpeg\" alt=\"1BO_gO-0X-TPX8z12driOBg\" width=\"800\" height=\"739\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1BO_gO-0X-TPX8z12driOBg.jpeg 800w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1BO_gO-0X-TPX8z12driOBg-600x554.jpeg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1BO_gO-0X-TPX8z12driOBg-768x709.jpeg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As we reduced color and noise in the UI, we saw interaction patterns that no longer felt native on iOS and Android devices. By paring down the new interactions and using standard iOS and Android components, fonts, and patterns, people will be navigating familiar terrain. We also redesigned our icons in a way that feels at home on Android and iOS.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Looking ahead<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The evolution of the community has been inspiring, and we hope that we\u2019ve captured some of the life, creativity, and optimism people bring to Instagram every day. Our hope is that people will see this app icon as a new creative spark \u2014 something to have fun with and make their own. We\u2019re excited for where this will take us.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Shouts outs to:<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Joy-Vincent Niemantsverdriet, Eric Goud and Robert Padbury for their great work on this project; and Cole Rise and Tim Van Damme for their work on the original app icon and glyph.<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/@jlax\">Jon Lax<\/a><em> and <\/em><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/@joulee\">Julie Zhuo<\/a><em> for their feedback on this post.<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This article was originally posted on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/@ianspalter\/designing-a-new-look-for-instagram-inspired-by-the-community-84530eb355e3#.6qze3gx0y\">Ian's Medium page<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last May, we announced a new look for Instagram, inside and outside the app. We created a new Instagram app icon and a set of unified icons for Hyperlapse, Layout, and Boomerang. We\u2019ve also refreshed the user interface with a simpler, more consistent design that helps people\u2019s photos and videos shine. Inspiration When Instagram was founded, it was a place&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":106,"featured_media":7033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-6983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing a New Look for Instagram, Inspired by the Community | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Last May, we announced a new look for Instagram, inside and outside the app. We created a new Instagram app icon and a set of unified icons for Hyperlapse, Layout, and Boomerang. We\u2019ve also refreshed the user interface with a simpler, more consistent design that helps people\u2019s photos and videos shine. Inspiration When Instagram was founded, it was a place... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-09T11:00:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-09T18:01:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1-gjkqvtzmtsaof62czcivog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1004\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/1-gjkqvtzmtsaof62czcivog.jpg\",\"width\":1600,\"height\":1004},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/\",\"name\":\"Designing a New Look for Instagram, Inspired by the Community | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#primaryimage\"},\"datePublished\":\"2017-03-09T11:00:33+00:00\",\"dateModified\":\"2017-03-09T18:01:40+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/70b3299c17ef1adbb527f171d984e8ca\"},\"headline\":\"Designing a New Look for Instagram, Inspired by the Community\",\"datePublished\":\"2017-03-09T11:00:33+00:00\",\"dateModified\":\"2017-03-09T18:01:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#primaryimage\"},\"articleSection\":\"Viewpoint\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/designing-new-look-instagram-inspired-community\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/70b3299c17ef1adbb527f171d984e8ca\",\"name\":\"Ian Spalter\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e9d5daa6697495319e2e3ccb7d9e82d9c1ffa207d80d29051be96dabdf9e8f36?s=96&d=mm&r=g\",\"caption\":\"Ian Spalter\"},\"description\":\"Ian is Head of Design at Instagram and was previously Sr. UX Manager at YouTube, and Director of UX &amp; Design at Foursquare. Born and raised in NY.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/6983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=6983"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/6983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/7033"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=6983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=6983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=6983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}