diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..3afeeb0
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 7b84d65..a2a79d4 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -1,5 +1,8 @@
 body {
-  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  font-family: "Helvetica Neue", Arial, sans-serif;
+  font-weight: 300;
+  color: #666;
 }
 
 p {
@@ -37,14 +40,42 @@ mark.green {
   padding: 0;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  color: #333;
+  font-weight: normal;
+}
+
+h3 {
+  margin-top: 2em;
+}
+
+h4 {
+  margin-top: 1em;
+}
+
+.center {
+  text-align: center;
+}
+
 .code {
+  display: block;
   font-family: monospace;
   word-wrap: break-word;
+  min-height: 20px;
+  padding: 10px 20px;
+  margin-bottom: 20px;
+  background: #fafafa;
+  border-left: 3px solid;
+  border-radius: 0px 4px 4px 0px;
+  box-shadow: 0 0 1px inset;
 }
+
 .sideface {
   width: 160px;
   height: 160px;
+  display: inline-block;
 }
+
 .sideface.Jake0oo0 {
   background:url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=160");
 }
@@ -60,9 +91,10 @@ mark.green {
 .sideface.Notch {
   background:url("/avatars/069a79f444e94726a5befca90e38aaf5?size=160");
 }
+/* Notch please fid your skin -_-
 .sideface.Notch:hover {
   background:url("/avatars/069a79f444e94726a5befca90e38aaf5?size=160&helm=true");
-}
+}*/
 .sideface.sk89q {
   background:url("/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=160");
 }
diff --git a/views/index.jade b/views/index.jade
index b5641cd..17f3609 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -8,15 +8,15 @@ block content
         hr
         p Welcome to Crafatar, an API for Minecraft's faces!
 
-        h2 API
         hr
+        h2 Documentation
 
         h3 Endpoint
         p
           | Replace 
           mark.green uuid
           |  with a Mojang UUID to get the related head. All images are PNGs.
-        .well.code
+        .code
           | <img src="#{domain}/avatars/
           mark.green uuid
           | ">
@@ -25,11 +25,11 @@ block content
         h4 size
         p The size of the image in pixels, 1 - 512. <br> Default is 160.
         h4 default
-        p The image to be returned when the uuid has no skin. <br> Valid options are 
+        p The image to be returned when the uuid has no skin (404). <br> Valid options are 
           a(href="/avatars/00000000000000000000000000000000?default=steve") steve
           |  or 
           a(href="/avatars/00000000000000000000000000000000?default=alex") alex
-          | .<br> The default is calculated based on the UUID (even = alex, odd = steve)
+          | .<br> The standard value is calculated based on the UUID (even = alex, odd = steve)
         h4 helm
         p Get an avatar with the second (helmet) layer applied. <br> The content of this parameter is ignored
 
@@ -42,18 +42,12 @@ block content
 
         h3 Examples
         p Get jeb_'s avatar, 160 × 160 pixels
-        img(src="/avatars/853c80ef3c3749fdaa49938b674adae6", alt="jeb_'s avatar")
-        .well.code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6"&gt;
+        .code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6"&gt;
         p Get jeb_'s avatar, 64 × 64 pixels
-        img(src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=64", alt="jeb_'s avatar")
-        .well.code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64"&gt;
+        .code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64"&gt;
         p Get jeb_'s helmet avatar, 64 × 64 pixels
-        img(src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm", alt="jeb_'s avatar")
-        .well.code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&amp;helm"&gt;
-        p Get jeb_'s avatar, 64 × 64 pixels, or fall back to steve if his avatar is not found
-        img(src="/avatars/00000000000000000000000000000000?default=steve&size=64", alt="jeb_'s avatar")
-        .well.code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=steve&amp;size=64"&gt;
-      .col-md-2
+        .code &lt;img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&amp;helm"&gt;
+      .col-md-2.center
         .sideface.redstone_sheep(title="redstone_sheep")
         .sideface.Jake0oo0(title="Jake0oo0")
         .sideface.Notch(title="Notch")
diff --git a/views/layout.jade b/views/layout.jade
index 78c24fd..c5c8e3e 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -2,9 +2,9 @@ doctype html
 html
   head
     title= title
-    link(rel='stylesheet', href='/stylesheets/style.css')
     link(rel="icon", sizes="16x16", type="image/png", href="/favicon.png")
     link(href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css", rel="stylesheet")
+    link(rel='stylesheet', href='/stylesheets/style.css')
     meta(name="description", content="A Minecraft avatar service with UUID support")
     meta(name="keywords", content="minecraft, avatar, uuid")
     meta(name="viewport", content="initial-scale=1,maximum-scale=1")