diff --git a/docs/src/assets/logo-vue-material-red.png b/docs/src/assets/logo-vue-material-red.png
new file mode 100644
index 0000000..617ff3f
Binary files /dev/null and b/docs/src/assets/logo-vue-material-red.png differ
diff --git a/docs/src/config.js b/docs/src/config.js
index 27dbc5b..3f5a58f 100644
--- a/docs/src/config.js
+++ b/docs/src/config.js
@@ -51,6 +51,10 @@ Vue.material.theme.registerAll({
     primary: 'cyan',
     accent: 'pink'
   },
+  red: {
+    primary: 'red',
+    accent: 'pink'
+  },
   white: {
     primary: 'white',
     accent: 'blue'
diff --git a/docs/src/index.js b/docs/src/index.js
index dd9d4ee..a6fad92 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -51,6 +51,8 @@ let handleSectionTheme = (currentRoute) => {
     Docs.theme = 'orange';
   } else if (currentRoute.name.indexOf('about') >= 0) {
     Docs.theme = 'green';
+  } else if (currentRoute.name.indexOf('error') >= 0) {
+    Docs.theme = 'red';
   } else {
     Docs.theme = 'default';
   }
diff --git a/docs/src/pages/Error.vue b/docs/src/pages/Error.vue
index 667b1f2..7ab95ea 100644
--- a/docs/src/pages/Error.vue
+++ b/docs/src/pages/Error.vue
@@ -1,9 +1,19 @@
 <template>
-  <single-page class="single-page-home" label="Error">
-    <single-page-banner label="Error 404"></single-page-banner>
-
-    <h2 class="md-headline">Hmmm. Too bad</h2>
-    <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
-    <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
-  </single-page>
+  <page-content page-title="Error">
+    <div class="main-content">
+      <section>
+        <h2 class="md-headline">Hmmm. Too bad</h2>
+        <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
+        <md-button class="md-primary md-raised" href="mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question" target="_blank" rel="noopener">E-mail</md-button>
+        <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
+      </section>
+    </div>
+  </page-content>
 </template>
+
+<style lang="scss" scoped>
+  section {
+    margin-top: 64px;
+    text-align: center;
+  }
+</style>