{"id":152,"date":"2016-08-17T09:52:46","date_gmt":"2016-08-17T16:52:46","guid":{"rendered":"https:\/\/blog.mozilla.org\/opendesign\/?p=152"},"modified":"2016-08-18T10:26:21","modified_gmt":"2016-08-18T17:26:21","slug":"design-route-d-protocol","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/","title":{"rendered":"Design Route D: Protocol"},"content":{"rendered":"<div class=\"page\" title=\"Page 34\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>If we want to show that Mozilla is at the core of the internet, and has been for a long time, how do we show that it\u2019s a fundamental building block of what we know, see and use every day? Perhaps the answer is staring us in the face, at the top of every browser&#8230;<\/p>\n<\/div>\n<div class=\"page\" title=\"Page 33\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>This design direction stems from the narrative theme called With You from the Start.<\/p>\n<p><strong>With you from the start. <\/strong><\/p>\n<p>Mozilla was, is, and always will be on the side of those who want a better, freer, more open Internet. In the early days, we were among those helping to embed principles of openness and accessibility into the web\u2019s DNA. Now those principles matter more than ever. We need an Internet that works wonders for the many, not just the few. We need to stand by the founding ideals of the Internet, and carry them forward into new products, platforms, conversations, and great ideas. We\u2019ve been with you from the start. And we\u2019re just getting started.<\/p>\n<p><strong>Click the first image below to see how this logo might animate: <\/strong><\/p>\n<p><a href=\"https:\/\/vimeo.com\/album\/4096166\/video\/178883968\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-177 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1-1.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1-1.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1-1-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1-1-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1-1-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/a><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-178 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_2.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_2.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_2-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_2-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_2-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-179 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_3.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_3.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_3-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_3-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_3-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-180 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_4.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_4.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_4-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_4-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_4-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-181 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_5.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_5.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_5-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_5-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_5-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-182 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_6.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_6.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_6-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_6-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_6-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If we want to show that Mozilla is at the core of the internet, and has been for a long time, how do we show that it\u2019s a fundamental building &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/\">Read more<\/a><\/p>\n","protected":false},"author":1302,"featured_media":153,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"coauthors":[287279],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Route D: Protocol - Mozilla Open Design<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim Murray\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/\",\"name\":\"Design Route D: Protocol - Mozilla Open Design\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg\",\"datePublished\":\"2016-08-17T16:52:46+00:00\",\"dateModified\":\"2016-08-18T17:26:21+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg\",\"width\":1500,\"height\":1061},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/opendesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Route D: Protocol\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/\",\"name\":\"Mozilla Open Design\",\"description\":\"branding without walls\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\",\"name\":\"Tim Murray\",\"description\":\"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Route D: Protocol - Mozilla Open Design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/","twitter_misc":{"Written by":"Tim Murray","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/","url":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/","name":"Design Route D: Protocol - Mozilla Open Design","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg","datePublished":"2016-08-17T16:52:46+00:00","dateModified":"2016-08-18T17:26:21+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#primaryimage","url":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg","contentUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_D_protocol_1.jpg","width":1500,"height":1061},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-d-protocol\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/opendesign\/"},{"@type":"ListItem","position":2,"name":"Design Route D: Protocol"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/opendesign\/#website","url":"https:\/\/blog.mozilla.org\/opendesign\/","name":"Mozilla Open Design","description":"branding without walls","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6","name":"Tim Murray","description":"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.","url":"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/152"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/users\/1302"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/152\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media\/153"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media?parent=152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/categories?post=152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/tags?post=152"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/coauthors?post=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}