diff --git a/_config.yml b/_config.yml
index 9410a487e0b..3a1b6430ac3 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,6 +1,7 @@
 # Site settings
 title: Flutter
 email: flutter-dev@googlegroups.com
+email_name: flutter-dev@
 baseurl: "" # the subpath of your site, e.g. /blog/
 url: "http://flutter.io"
 github_username: flutter
diff --git a/_includes/footer.html b/_includes/footer.html
index bf4fb56e45e..62e9800d881 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -7,11 +7,11 @@
         {% include logo.html %}
         <ul class="contact-list">
           <li>{{ site.title }}</li>
-          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
         </ul>
         <p class="terms">
-          <a href="/tos">Terms</a> |
-          <a href="http://www.google.com/intl/en/policies/privacy/">Privacy</a>
+          <a href="mailto:{{ site.email }}">{{ site.email_name }}</a> &bull;
+          <a href="/tos">terms</a> &bull;
+          <a href="http://www.google.com/intl/en/policies/privacy/">privacy</a>
         </p>
       </div>
     </div>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 743a7206f8b..024aa86c2ce 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -130,6 +130,10 @@ code {
     font-size: 15px;
 }
 
+code {
+  font-family: 'Source Code Pro', monospace;
+}
+
 pre {
     overflow-x: scroll;
     padding: 8px 12px;
@@ -201,5 +205,5 @@ pre {
  * Privacy policy and terms of service
  */
 .terms {
-  font-size: 10px;
+  font-size: 14px;
 }
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 2306323b88f..8b829c2aca7 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -5,7 +5,7 @@
     min-height: 56px;
     background-color: $primary-color;
     color: $nav-text-color;
-    border-bottom: 1px solid $grey-color-light;
+    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 
     // Positioning context for the mobile navigation icon
     position: relative;
@@ -120,7 +120,6 @@
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
     padding-left: $spacing-unit / 2;
 }
 
@@ -155,6 +154,7 @@
 
       svg {
           width: 100px;
+          height: 64px;
       }
   }
 }
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 00000000000..71344eea5b8
Binary files /dev/null and b/favicon.ico differ
diff --git a/tutorial.md b/tutorial.md
index 9bdf6de5f8f..692cda55586 100644
--- a/tutorial.md
+++ b/tutorial.md
@@ -329,7 +329,7 @@ Let's walk through the differences in `MyDialog` caused by its being stateful:
    `build`, the framework walks this description and creates a "physical" tree
    of `RenderObjects` that matches the description. When the framework calls
    `build` again, the component still returns a fresh description of its
-   appearence, but this time the framework compares the new description with the
+   appearance, but this time the framework compares the new description with the
    previous description and makes the minimal modifications to the underlying
    `RenderObjects` to make them match the new description.
 
@@ -358,7 +358,7 @@ Let's walk through the differences in `MyDialog` caused by its being stateful:
    the object and `this` is the authoritative source of that state.
 
    When implementing a `StatefulComponent`, make sure to call
-   `super.syncConstructorArguments(source)` from within your
+   `super.syncConstructorArguments(`<wbr>`source)` from within your
    `syncConstructorArguments()` method, unless you are extending
    `StatefulComponent` directly.