Update home page

mozilla · May 15, 2018 · 3b1360f · 3b1360f
1 parent 6f3eaf3
commit 3b1360f
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/pages/fundamentals/spacing.hbs b/src/pages/fundamentals/spacing.hbs
diff --git a/src/pages/index.hbs b/src/pages/index.hbs
@@ -4,8 +4,18 @@ title: Mozilla Protocol
 order: 0
 ---
 
-<p>
-  We're developing a cohesive modular design system for Mozilla
-  websites. This system will evolve and expand as we define more
-  pieces of it, but we gotta start somewhere.
-</p>
+<div class="mzp-c-article">
+  <div class="mzp-c-article-intro">
+    <p>Protocol is a design system for Mozilla branded websites. It estabslishes a common design language, provides reusable coded components, and outlines high level guidelines for content.</p>
+  </div>
+
+  <p>When design systems are effectively employed, the benefits are exponential:</p>
+
+  <ul class="mzp-u-list-styled">
+    <li>Improved User Experience: Scaled, consistent design patterns and content practices provide users with a familiar experience that allows for less time spent on re-learning interactions, finding pages that serve user needs, and abandoning pages that don’t.</li>
+    <li>Efficiency: With a library of design components ready to employ and clear guidelines for creators, we spend more time on creation that serves our users and less time on “reinventing the wheel”.</li>
+    <li>Clarity: With clearly documented guidelines and governance for design and content creation, we spend less time negotiating the guidelines to create clarity for ourselves and more time creating designs and content that clearly serves our users.</li>
+  </ul>
+
+  <p>This project was launched in the Spring of 2018 and is still very much a work in progress. <a href="https://github.com/mozilla/protocol">Follow along on Github</a>.</p>
+</div>
diff --git a/src/static/favicon.ico b/src/static/favicon.ico
diff --git a/src/static/img/favicon.png b/src/static/img/favicon.png
diff --git a/src/templates/blank.hbs b/src/templates/blank.hbs
@@ -4,7 +4,7 @@
     {{#block "head"}}
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
-      <link rel="shortcut icon" href="{{@root.baseurl}}/static/favicon.ico">
+      <link rel="shortcut icon" href="{{@root.baseurl}}/static/img/favicon.png">
       {{#if title}}
       <title>{{title}} - {{data "project.title"}}</title>
       {{else if name}}