diff --git a/app/styles/app.scss b/app/styles/app.scss
index f425fc0f..de03a250 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -42,10 +42,14 @@
 @import "app/tabs";
 @import "app/tipsy";
 
+@import "app/components/section";
 @import "app/components/loader";
-@import "app/components/tiles";
+// @import "app/components/tiles";
 @import "app/components/travis-switch";
 @import "app/components/buttons";
+@import "app/components/icons";
+@import "app/components/search";
+@import "app/components/dropdown";
 
 @import "app/layout";
 @import "app/layouts/dashboard";
diff --git a/app/styles/app/_mixins/vars.sass b/app/styles/app/_mixins/vars.sass
index 797d8011..49d1bf7a 100644
--- a/app/styles/app/_mixins/vars.sass
+++ b/app/styles/app/_mixins/vars.sass
@@ -20,11 +20,13 @@ $right-bg: $light-gray
 
 
 // dashboard
-$pass-color: #3ba85d
-$fail-color: #d04729
-$error-color: #999999
-$start-color: #848032
+$pass-color: #3FA75F
+$fail-color: #DB423C
+$error-color: $fail-color
+$start-color: #D2C93B
 $start-bg-color: #D2CA24
+$cancel-color: #A1A0A0
+$dropdown-color: #5FA5A4
 
 $dashboard-text-color: #9d9fa1
 
diff --git a/app/styles/app/components/buttons.sass b/app/styles/app/components/buttons.sass
index 14192d8c..9a30af1f 100644
--- a/app/styles/app/components/buttons.sass
+++ b/app/styles/app/components/buttons.sass
@@ -57,6 +57,7 @@ $button-border-color: #d4d4d4
   .button--signin
     display: inline-block
     padding: 0.7em 2em 0.65em 0.6em
+    margin-right: 1em
     color: $white
     font-size: $font-size-small
     line-height: 1
@@ -66,7 +67,7 @@ $button-border-color: #d4d4d4
     vertical-align: middle
     cursor: pointer
     background:
-      color: #39a85b
+      color: $pass-color
       image: inline-image('ui/github-signin.svg')
       repeat: no-repeat
       position: 95.5% 45%
@@ -77,7 +78,20 @@ $button-border-color: #d4d4d4
       background-image: inline-image('ui/spinner.svg')
       background-position: 92% 47%
       &:hover
-        background-color: #39a85b
+        background-color: $pass-color
+
+
+.button
+  border-radius: 4px
+.button--green
+  border: none
+  font-size: $font-size-small
+  color: $white
+  background-color: $pass-color
+  &:hover
+    background-color: #73c78d
+.button--fixedwidth
+  width: 8em
 
 // temp
 #auth #navigation .button--signin
diff --git a/app/styles/app/components/dropdown.sass b/app/styles/app/components/dropdown.sass
new file mode 100644
index 00000000..8af734d9
--- /dev/null
+++ b/app/styles/app/components/dropdown.sass
@@ -0,0 +1,83 @@
+/*
+ * Dashboard Activation Dropdown
+ */
+
+$dropdown-border: #C3D9DB
+
+.dropdown--db
+  @include resetul
+  @extend %br-4px
+  position: absolute
+  padding: .8em .5em
+  z-index: 90
+  width: 12.5em;
+  right: 0;
+  top: 4em;
+  border: 2px $dropdown-border solid;
+  background-color: $white
+  display: none
+  a
+    display: block
+    padding: 0.4em 1em .2em
+    &:hover
+      background-color: $dropdown-color
+      color: $white
+  &:before
+    content: ""
+    width: 1.2em
+    height: 1.2em
+    display: block
+    position: absolute
+    top: -0.7em;
+    right: 1.1em;
+    background-color: $white
+    border-top: solid 2px $dropdown-border;
+    border-left: solid 2px $dropdown-border;
+    transform: rotate(45deg);
+
+
+/*
+ * Dashboard Organizations Dropdown
+ */
+.filter
+  position: relative
+  img
+    max-width: 20px
+    max-height: 20px
+    margin-right: .5em
+    margin-top: -0.1em
+    border-radius: 50%
+    overflow: hidden
+
+.filter--org
+  float: left
+
+.filter-current
+  padding: .9em 0
+  cursor: pointer
+
+.filter-dropdown
+  @include resetul
+  position: absolute
+  top: 3em
+  min-width: 12em
+  background-color: $white
+  border-radius: 4px
+  overflow: hidden
+  box-shadow: 2px 1px 4px 0px rgba(148,145,138,0.4)
+  z-index: 40
+  display: none
+  a
+    display: inline-block
+    width: 100%
+    padding: 10px 10px 10px 20px
+    &:hover
+      color: $white
+      background : #5e869a
+  .is-selected
+    a
+      font-weight: 600
+
+.filter-current:hover ~ .filter-dropdown,
+.filter-dropdown:hover
+  display: block
diff --git a/app/styles/app/components/icons.sass b/app/styles/app/components/icons.sass
new file mode 100644
index 00000000..0ebfdc3f
--- /dev/null
+++ b/app/styles/app/components/icons.sass
@@ -0,0 +1,53 @@
+.icon
+  display: inline-block
+  background:
+    size: 100%
+    repeat: no-repeat
+
+.icon-cal
+  background-image: inline-image('dashboard/cal.svg')
+
+.icon-github
+  background-image: inline-image('dashboard/github.svg')
+
+.icon-branch
+  background-image: inline-image('dashboard/branch.svg')
+
+.icon-hash
+  background-image: inline-image('dashboard/hash.svg')
+
+.icon-star
+  background-image: inline-image('dashboard/star-off.svg')
+
+.icon.errored
+  background-image: inline-image('dashboard/status-errored.svg')
+
+.icon.failed
+  background-image: inline-image('dashboard/status-failed.svg')
+
+.icon.canceled
+  background-image: inline-image('dashboard/status-cancelled.svg')
+
+.icon.passed
+  background-image: inline-image('dashboard/status-passed.svg')
+
+.icon.started
+  background-image: inline-image('dashboard/status-pending.svg')
+
+.icon-lock
+  background-image: inline-image('dashboard/private-icon.svg')
+
+.icon-burger
+  background-image: inline-image('dashboard/burger.svg')
+  &:hover
+    background-image: inline-image('dashboard/burger-hover.svg')
+
+.icon-arrow-down
+  width        : 0
+  height       : 0
+  display      : inline-block
+  padding-top  : 2px
+  margin-left  : 5px
+  border-left  : 5px solid transparent
+  border-right : 5px solid transparent
+  border-top   : 5px solid $dashboard-text-color
\ No newline at end of file
diff --git a/app/styles/app/components/search.sass b/app/styles/app/components/search.sass
new file mode 100644
index 00000000..d8a3c555
--- /dev/null
+++ b/app/styles/app/components/search.sass
@@ -0,0 +1,29 @@
+.search
+  @include grid-column(3)
+  float : right
+  ul
+    text-align   : left
+    margin       : 0
+    padding-left : 0
+    list-style   : none
+  li
+    position     : relative
+    display      : inline-block
+    padding      : 9px 0 8px 0
+    margin-top   : 0
+    width        : 158px
+    line-height  : 17px
+
+.search-field
+  display: inline-block
+  padding: 0.5em
+  width: 100%
+  border: none;
+  background:
+    image   : url('/images/dashboard/search-icon.svg')
+    repeat  : no-repeat
+    position: right 5px center
+    size    : 16px 16px
+  &:focus,
+  &:active
+    box-shadow: 0 0 50% 1em
\ No newline at end of file
diff --git a/app/styles/app/components/section.sass b/app/styles/app/components/section.sass
new file mode 100644
index 00000000..5e7a96d7
--- /dev/null
+++ b/app/styles/app/components/section.sass
@@ -0,0 +1,8 @@
+.section
+  font-size: $font-size-normal
+
+.section--white
+  background-color: $white
+
+.section--maxheight
+  height: 3.3em
\ No newline at end of file
diff --git a/app/styles/app/foundation/scss/foundation/_settings.scss b/app/styles/app/foundation/scss/foundation/_settings.scss
index 164dc26a..6bab76cf 100644
--- a/app/styles/app/foundation/scss/foundation/_settings.scss
+++ b/app/styles/app/foundation/scss/foundation/_settings.scss
@@ -151,8 +151,10 @@ $body-font-color: $color-text;
 // d. Media Query Ranges
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
-$small-range: (0em, 40em);
-$medium-range: (40.063em, 64em);
+$breakpoint-sm: 64em;
+
+$small-range: (0em, 50em);
+$medium-range: (50.063em, $breakpoint-sm);
 $large-range: (64.063em, 90em);
 $xlarge-range: (90.063em, 120em);
 $xxlarge-range: (120.063em, 99999999em);
@@ -202,7 +204,7 @@ $large: $large-up;
 // $header-line-height: 1.4;
 // $header-top-margin: .2rem;
 // $header-bottom-margin: .5rem;
-// $header-text-rendering: optimizeLegibility;
+$header-text-rendering: optimizeLegibility;
 
 // We use these to control header font sizes
 // $h1-font-size: rem-calc(44);
@@ -240,7 +242,7 @@ $large: $large-up;
 // $paragraph-aside-font-size: rem-calc(14);
 // $paragraph-aside-line-height: 1.35;
 // $paragraph-aside-font-style: italic;
-// $paragraph-text-rendering: optimizeLegibility;
+$paragraph-text-rendering: optimizeLegibility;
 
 // We use these to style <code> tags
 // $code-color: $oil;
diff --git a/app/styles/app/layouts/dashboard.sass b/app/styles/app/layouts/dashboard.sass
index 9e1732ea..19cb45bd 100644
--- a/app/styles/app/layouts/dashboard.sass
+++ b/app/styles/app/layouts/dashboard.sass
@@ -1,191 +1,215 @@
 /*
- * Dashboard
- * @todo: split into components: filter, search
+ * Dashboard List 
  */
 
+@mixin colorDbelements($color)
+ .db-status
+   background-color: $color
+ .db-repo
+   h2, h3, a
+     color: $color
+ .db-job
+   color: $color
+   a
+     color: $color
+
+%br-4px
+ border-radius: 4px
+
+$db-gray: #C9C9C9
+$db-text-color: #ACAAAA
+
+.dashboard
+  color: $db-text-color
+  hr
+    max-width: 1024px
+    margin: auto
+    border-top: none
+    border-bottom: $db-gray dashed 1px
+
 .wrapper-dashboard
   background-color: $wrapper-bg-color
 
-  #top
-    .user
-      a
-        padding-right: 0
+.dashboard--empty
+  padding: 2em 5em
+  background: #E8E6DE
+  color: $db-gray
+  font-size: 20px
+  font-weight: 300
+  text-align: center
+  @extend %br-4px
+  p .icon
+    width: 1.5em
+    height: 1.5em
+    transform: translate(-20%, 18%)
 
-.current-org-avatar
-  display     : inline-block
-  height      : 20px
-  width       : 20px
-  vertical-align: top
-  margin : -5px 5px 0 0
+.db
+  position: relative
+  margin-bottom: 1em
+  background: $white
+  @extend %br-4px
 
-#filters-search
-  background    : $white
-  font-size     : 14px
-  padding       : 5px 0 5px 0
-  max-height    : 44px
+  h2, h3, p
+    margin: 0
+    font-weight: 400
+    white-space: nowrap
 
-#filters
-  float : left
+  .icon
+    position: absolute
+    left: 0
+    top: 0
+    bottom: 0
+    margin: auto
 
-#filters ul
-  text-align : left
-  display    : inline
-  margin     : 0
-  padding    : 0
-  list-style : none
-  z-index    : 1000
+  &.started
+    @include colorDbelements($start-color)
+  &.failed
+    @include colorDbelements($fail-color)
+  &.errored
+    @include colorDbelements($error-color)
+  &.canceled
+    @include colorDbelements($cancel-color)
+  &.passed
+    @include colorDbelements($pass-color)
+  &.inactive
+    @include colorDbelements($cancel-color)
 
-#filters ul li
-  background   : $white
-  position     : relative
-  display      : inline-block
-  padding      : 10px 0 10px 0
-  margin-right : -4px
-  margin-top   : 0
-  cursor       : pointer
-  border-radius         : 0px
+.db-repo
+  padding-left: 3em
+  transform: translateY(0.4em)
+  overflow: hidden
+  margin-bottom: 1em
+  &:after
+    content: ""
+    display: block
+    position: absolute
+    top: 0
+    right: 0
+    height: 100%
+    width: 3em
+    background: linear-gradient(-90deg, $white 40%, rgba($white, 0))
 
-#filters li.filters-start:hover
-  background-color : #fff
+.db-status
+  position: absolute;
+  top: 0
+  left: 0
+  height: 100%
+  width: 2.5em
+  border-top-left-radius: 4px
+  border-bottom-left-radius: 4px
 
-#filters ul li ul
-  padding    : 0
-  position   : absolute
-  top        : 35px
-  left       : 0
-  width      : 200px
-  display    : none
-  opacity    : 0
-  visibility : hidden
-  box-shadow         : 2px 1px 4px 0px rgba(148,145,138,0.4)
+  .icon
+    width: 1.1em
+    height: 1.1em
+    right: 0
+  .icon-status
+    top: -6em
+  .icon-star
+    top: -2em
+    opacity: .9
 
-#filters ul li ul li
-  display      : block
-  line-height  : 23px
-  padding-left : 20px
+.db-controls
+  line-height: 2.2
+  p,
+  button
+    display: inline-block
+  button
+    margin-left: 1em
 
-#filters ul li ul li:first-child
-  border-top-left-radius  : 4px
-  border-top-right-radius : 4px
+  .icon
+    width: 1.4em
+    height: 1.4em
 
-#filters ul li ul li:last-child
-  border-bottom-left-radius  : 4px
-  border-bottom-right-radius : 4px
+.db-job,
+.db-branch,
+.db-commit,
+.db-timeago
+  position: relative
+  padding-left: 2.2em
+  z-index: 30
+  overflow: hidden
 
-#filters ul li ul li div
-  display          : inline-block
-  width            : 20px
-  height           : 20px
-  margin-right     : 5px
-  text-indent      : -9999px
-  border-radius    : 100px
+.db-lock
+  position: absolute
+  left: -2.1em;
+  top: 1.2em;
+  .icon
+    width: 1em
+    height: 1em
 
-#filters ul li ul li:hover
-  background : #5e869a
-  color      : $white
+.db-activation
+  margin: 1em 0 .5em
+  text-align: right
+  padding-right: 0
+  @media #{$medium-up}
+    margin: 0
 
-#filters ul li:hover ul
-  display    : block
-  opacity    : 1
-  visibility : visible
+.db-burger
+  position: absolute;
+  top: 0
+  right: 0
+  height: 4em
+  width: 4em
+  cursor: pointer
+  z-index: 30
+  .icon
+    width: 2em
+    height: 2em
+    right: 0
 
-#views
-  float : left
+.dropdown--db
+  display: none
 
-#views ul
-  text-align : left
-  display    : inline
-  margin     : 0
-  padding    : 0
-  list-style : none
-  z-index    : 1000
+.db-burger:hover ~ .dropdown--db,
+.dropdown--db:hover
+  display: block
 
-#views ul li
-  background   : $white
-  position     : relative
-  display      : inline-block
-  padding      : 10px 0 10px 0
-  margin-right : -4px
-  margin-top   : 0
-  cursor       : pointer
-  border-radius         : 0px
-  -webkit-border-radius : 0px
-  -moz-border-radius    : 0px
+.dashboard-starred,
+.dashboard-active,
+.dashboard-inactive
+  padding: 0 3em
+  margin: 3em 0 3em
 
-#views li.views-start:hover
-  background-color : #fff
+.dashboard-starred
+  .db
+    padding-bottom: .2em
+    @media #{$medium-up}
+      width: grid-calc(17, 36)
+      &:nth-child(2n)
+        float: right
+      &:nth-child(2n + 1)
+        float: left
+  .db-controls
+    padding-left: 3em
 
-#views ul li ul
-  padding    : 0
-  position   : absolute
-  top        : 35px
-  left       : 0
-  width      : 200px
-  display    : none
-  opacity    : 0
-  visibility : hidden
-  box-shadow         : 2px 1px 4px 0px rgba(148,145,138,0.4)
+.dashboard-active,
+.dashboard-inactive
+  .db
+    padding-bottom: 0.2em;
+  .db-repo,
+  .db-controls
+    padding-left: 4em
+  @media #{$medium-up}
+    .db
+      height: 57px
+    .db-repo
+      padding-left: 4em
+    .db-controls
+      padding-left: 2em
+      line-height: 3em
+      transform: translateY(26%)
+      border-left: 1px solid $db-gray
+    .db-burger
+      height: 100%
+    .db-status
+      .icon-status
+        top: -2em
+      .icon-star
+        bottom: -4em
 
-#views ul li ul li
-  display      : block
-  line-height  : 23px
-  padding-left : 20px
-
-#views ul li ul li:first-child
-  border-top-left-radius  : 4px
-  border-top-right-radius : 4px
-
-#views ul li ul li:last-child
-  border-bottom-left-radius  : 4px
-  border-bottom-right-radius : 4px
-
-#views ul li ul li:hover
-  background : #5e869a
-  color      : $white
-
-#views ul li:hover ul
-  display    : block
-  opacity    : 1
-  visibility : visible
-
-.currently-selected
-  font-weight : 600
-
-.arrow-down
-  width        : 0
-  height       : 0
-  display      : inline-block
-  padding-top  : 2px
-  margin-left  : 5px
-  border-left  : 5px solid transparent
-  border-right : 5px solid transparent
-  border-top   : 5px solid $dashboard-text-color
-
-#search
-  float : right
-
-#search ul
-  text-align   : left
-  margin       : 0
-  padding-left : 0
-  list-style   : none
-
-#search ul li
-  position     : relative
-  display      : inline-block
-  padding      : 9px 0 8px 0
-  margin-top   : 0
-  width        : 158px
-  line-height  : 17px
-
-.search-field
-  background-image   : url('/images/dashboard/search-icon.svg')
-  background-repeat  : no-repeat
-  background-position: right 5px center
-  display            : inline-block
-  float              : right
-  border             : 1px solid #666
-  padding            : 0.5em
-  width              : 300px
-  background-size    : 16px 16px
+.dashboard-inactive
+  margin-bottom: 5em
+  .db
+    h2, h3, p, button, .db-status
+      opacity: .7
 
diff --git a/app/styles/app/maximize.sass b/app/styles/app/maximize.sass
index 3f53a19d..c18d9d8e 100644
--- a/app/styles/app/maximize.sass
+++ b/app/styles/app/maximize.sass
@@ -23,5 +23,5 @@
       &:hover
         background-color: $color-border-slider-hover
 
-#top .profile
-  margin-right: 15px
+// #top .profile
+//   margin-right: 15px
diff --git a/app/styles/app/pro.sass b/app/styles/app/pro.sass
index f09111be..564c99db 100644
--- a/app/styles/app/pro.sass
+++ b/app/styles/app/pro.sass
@@ -14,8 +14,8 @@
     li.stats
       display: none
 
-    .profile
-      margin-right: 5px
+    // .profile
+    //   margin-right: 5px
 
     .legal
       min-width: 110px
diff --git a/app/styles/app/top.sass b/app/styles/app/top.sass
index 2b21e1da..f061fd8c 100644
--- a/app/styles/app/top.sass
+++ b/app/styles/app/top.sass
@@ -1,32 +1,24 @@
 
-#top
+$top-height: 55px
+
+.top
   position: relative
   z-index: 999
   font-size: $font-size-normal
-  background  : $topbar-bg
+  background: $topbar-bg
 
-  #logo
-    position: relative
-    float        : left
-    width        : 123px
-    height       : $topbar-height
-    margin-right : 14px
-    z-index: 999
-    text-indent  : -9999px
-    background   : $logo-red inline-image('ui/travis-logo.svg') no-repeat 20px 18px
-    a
-      display: block
-
-  ul
+  .navigation
     @include resetul
-    line-height: 30px
-
-  #navigation
     height: 0
     overflow: hidden
+    line-height: $top-height
     &.is-open
       height: auto
 
+    ul
+      @include resetul
+      line-height: 30px
+
   a, span
     color: $white
     text-decoration: none
@@ -39,6 +31,15 @@
       &:hover
         color: $color-link-top-highlight
 
+  img
+    margin: 10px 10px 7px 10px
+    width  : 30px
+    height : 30px
+    border-radius: 100px
+    @media #{$medium-up}
+      float  : right
+      margin : 12px 0 0 10px
+
   a.werehiring
     background-color: $topbar-bg-darker
     border-radius: 4px
@@ -53,13 +54,13 @@
 
   @media #{$medium-up}
     overflow: visible
-    height: $topbar-height
+    height: $top-height
 
-    #navigation
+    .navigation
       height: auto
       overflow: visible
     ul
-      line-height: $topbar-height
+      line-height: $top-height
       position: relative
     li
       display: inline-block
@@ -69,24 +70,6 @@
     li.traviscicom
       display: none
 
-  .nav-burger
-    overflow: auto
-    height: $topbar-height
-    @media #{$medium-up}
-      display: none
-
-  #burger
-    float: right
-    font-size: 50px
-    background: none
-    border: none
-    line-height: 1
-    color: $white
-    outline: none !important
-    @include clearfix
-    &:hover
-      cursor: pointer
-
   .menu
     position: relative
 
@@ -124,11 +107,10 @@
   .menu.community
     min-width: 120px
 
-  .user
-    text-align: right
-
   .menu.profile
     padding: 0.2em 0px 0.5em
+    .centered & .handle a
+      padding-right: 0
     @media #{$medium-up}
       padding: 0
       &.signed-in
@@ -163,81 +145,33 @@
       display: none
 
 
-#home #navigation .home,
-#stats #navigation .stats,
-#profile #navigation .profile
-  background-color: transparent
+.logo
+  position: relative
+  float        : left
+  width        : 123px
+  height       : $top-height
+  margin-right : 14px
+  z-index: 999
+  text-indent  : -9999px
+  background   : $logo-red inline-image('ui/travis-logo.svg') no-repeat 20px 18px
   a
-    color: #ffffff
-  a:hover
-    color: $color-link-top-highlight
+    display: block
 
 
-// .status-graph
-//   background  : url('/images/dashboard/health-stats.svg') no-repeat
-//   background  : contain
-//   margin-top  : 17px
-//   height      : 18px
-//   width       : 78px
-//   text-indent : -9999px
-
-// #user
-//   text-align : right
-//   cursor     : pointer
-
-// #user p
-//   display : none
-
-#top img
-  margin: 10px 10px 7px 10px
-  width  : 30px
-  height : 30px
-  border-radius: 100px
+.burger
+  overflow: auto
+  height: $top-height
   @media #{$medium-up}
-    float  : right
-    margin : 12px 0 0 10px
-
-// #user ul
-//   text-align : left
-//   display    : inline
-//   margin     : 0
-//   padding    : 15px 0 17px 0
-//   list-style : none
-//   z-index    : 1000
-
-// #user ul li ul
-//   padding    : 0
-//   position   : absolute
-//   top        : $topbar-height
-//   right      : 0
-//   width      : 150px
-//   display    : none
-//   opacity    : 0
-//   visibility : hidden
-
-// #user ul li ul li
-//   background  : $topbar-bg
-//   color       : $white
-//   display     : block
-//   line-height : 18px
-//   padding     : 8px 18px
-//   margin      : 0
-
-// #user ul li ul li:last-child
-//   border-bottom-left-radius  : 4px
-//   border-bottom-right-radius : 4px
-
-// #user ul li ul li:hover
-//   background : #5e869a
-//   color      : $white
-//   a
-//     color: $white
-
-
-// #user ul li:hover ul
-//   display    : block
-//   opacity    : 1
-//   visibility : visible
-// #user .handle a
-//   display: inline
+    display: none
 
+  .burger-btn
+    float: right
+    font-size: 50px
+    background: none
+    border: none
+    line-height: 1
+    color: $white
+    outline: none !important
+    @include clearfix
+    &:hover
+      cursor: pointer
diff --git a/app/templates/dashboard/repositories.hbs b/app/templates/dashboard/repositories.hbs
index f28712ac..cc904529 100644
--- a/app/templates/dashboard/repositories.hbs
+++ b/app/templates/dashboard/repositories.hbs
@@ -1,61 +1,153 @@
-<div id="filters-search">
+<div id="filters" class="section section--white section--maxheight">
   <div class="row">
-    <!--
-    <div class="small-6 medium-3 large-2 columns" id="filters">
-      <ul>
-        <li class="filters-start">
-          <div class="current-org-avatar org-travisci"></div>Travis CI <div class="arrow-down"></div>
-          <ul>
-            <li class="org-all">All organizations</li>
-            <li class="currently-selected"><div class="org-avatar org-travisci">Travis CI</div>Travis CI</li>
-            <li><div class="org-avatar org-saltinejustine">Justine Arreche</div>Justine Arreche</li>
-            <li><div class="org-avatar org-openkarma">Open Karma</div>Open Karma</li>
-            <li><div class="org-avatar org-eurucamp">eurucamp</div>eurucamp</li>
-          </ul>
-        </li>
-      </ul>
+      <div class="filter filter--org">
+        <div class="filter-current">
+          <img src="https://placehold.it/30x30" alt="">something else</a><span class="icon-arrow-down"></span>
+        </div>
+        <ul class="filter-dropdown">
+          <li><a href="#" title="">All organizations</a></li>
+          <li class="is-selected"><a href="#" title=""><img src="https://placehold.it/30x30" alt="">something else</a></li>
+          <li><a href="#" title=""><img src="https://placehold.it/30x30" alt="">something</a></li>
+          <li><a href="#" title=""><img src="https://placehold.it/30x30" alt="">eurucamp</a></li>
+        </ul>
+    </div>
+    <div class="search">
+      {{filter-input placeholder="Search all repositories" class="search-field"
+          action="updateFilter" on="key-up"}}
     </div>
-    -->
-    <!-- <div class="small-6 medium-2 large-2 columns no-padding" id="views">
-      <ul>
-        <li class="views-start">
-          View all repos <div class="arrow-down"></div>
-          <ul>
-            <li class="currently-selected">View all repos</li>
-            <li>Queued builds</li>
-            <li>Failed builds</li>
-            <li>Passed builds</li>
-          </ul>
-        </li>
-      </ul>
-    </div> -->
-    {{filter-input placeholder="Search all repositories" class="search-field"
-        action="updateFilter" on="key-up"}}
   </div>
 </div>
 
-<div class="tiles">
-  <div class="row">
-  {{#each repo in filteredRepositories}}
-    <div class="large-4 medium-6 columns">
-      <div {{bind-attr class=":tile repo.last_build.state"}}>
-        <div class="build-bar">
+<div class="dashboard">
+  <section class="dashboard-starred">
+    <div class="row">
+      {{!-- <div class="db db--pass column">
+        <div class="db-status">
+          <span class="icon icon-status icon-started"></span>
+          <span class="icon icon-star"></span>
         </div>
-        <div class="build-information">
-          <p class="org">{{repo.owner.login}}</p>
-          <p class="repo">{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</p>
-          <div class="duration">{{format-duration repo.last_build.duration}}</div>
-          <div class="finished">{{format-time repo.last_build.finished_at}}</div>
-          <p class="build-status">
+        <div class="db-repo column">
+          <h3>travis-pro</h3>
+          <h2>travis-rubies</h2>
+        </div>
+        <div class="db-controls column end">
+          <p class="db-job column small-6"><span class="icon icon-hash"></span>9874 started</p>
+          <p class="db-commit column small-6"><span class="icon icon-github"></span>394348a</p>
+          <p class="db-timeago column small-6"><span class="icon icon-cal"></span>in queue</p>
+          <p class="db-branch column small-6"><span class="icon icon-branch"></span>master</p>
+        </div>
+        <div class="db-burger">
+          <span class="icon icon-burger"></span>
+        </div>
+        <ul class="dropdown--db">
+          <li><a href="#" title="">Deactivate repository</a></li>
+          <li><a href="#" title="">Trigger a build</a></li>
+        </ul>
+      </div> --}}
+
+
+      <div class="dashboard--empty">
+        <p><span class="icon icon-star"></span>Want to keep an eye on certain projects? Star repositories below to add them in this section.</p>
+      </div>
+    </div>
+
+  </section>
+  <section class="dashboard-active">
+
+    {{#each repo in filteredRepositories}}
+      <div {{bind-attr class=":db :row repo.last_build.state"}}>
+        {{#if repo.private }}
+          <div class="db-lock"><span class="icon icon-lock"></span></div>
+        {{/if}}
+        <div class="db-status">
+          <span {{bind-attr class=":icon :icon-status repo.last_build.state"}}></span>
+          <span class="icon icon-star"></span>
+        </div>
+        <div class="db-repo column medium-3 small-12">
+          <h3>{{repo.owner.login}}</h3>
+          <h2>{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</h2>
+        </div>
+        <div class="db-controls column medium-9 small-12 end">
+          <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>
             {{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
-              #{{repo.last_build.number}} {{repo.last_build.state}}
-            {{/link-to}}
-          </p>
+              {{repo.last_build.number}} {{repo.last_build.state}}
+            {{/link-to}}</p>
+          <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+          <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+          <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>{{format-time repo.last_build.finished_at}}</p>
         </div>
-        <div class="star-feature">
+        <div class="db-burger">
+          <span class="icon icon-burger"></span>
+        </div>
+        <ul class="dropdown--db">
+          <li><a href="#" title="">Deactivate repository</a></li>
+          <li><a href="#" title="">Trigger a build</a></li>
+        </ul>
+      </div>
+    {{/each}}
+
+{{!--     <div class="db db--pass row">
+      <div class="db-lock"><span class="icon icon-lock"></span></div>
+      <div class="db-status">
+        <span class="icon icon-status icon-pass"></span>
+        <span class="icon icon-star"></span>
+      </div>
+      <div class="db-repo column medium-3 small-12">
+        <h3>travis-pro</h3>
+        <h2>bubblewrap-mac-test</h2>
+      </div>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 passed</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>2 days ago</p>
+      </div>
+      <div class="db-burger">
+        <span class="icon icon-burger"></span>
+      </div>
+      <ul class="dropdown--db">
+        <li><a href="#" title="">Deactivate repository</a></li>
+        <li><a href="#" title="">Trigger a build</a></li>
+      </ul>
+    </div> --}}
+
+  </section>
+  <hr>
+  <section class="dashboard-inactive">
+    <div class="db db--pass db--inactive row">
+      <div class="db-status">
+        <span class="icon icon-status icon-pass"></span>
+      </div>
+      <div class="db-repo column medium-3 small-12">
+        <h3>travis-pro</h3>
+        <h2>travis-gatekeeper</h2>
+      </div>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-2 small-4"><span class="icon icon-hash"></span>9874</p>
+        <p class="db-commit column medium-2 small-4"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-2 small-4"><span class="icon icon-cal"></span>3 hours ago</p>
+        <div class="db-activation column medium-5 push-1 small-12 end">
+          <p>Not active</p>
+          <button class="button button--green button--fixedwidth">Activate</button>
         </div>
       </div>
     </div>
-  {{/each}}
-  </div>
+
+    <div class="db db--inactive row">
+      <div class="db-status">
+        <span class="icon icon-status"></span>
+      </div>
+      <div class="db-repo column medium-3 small-12">
+        <h3>travis-pro</h3>
+        <h2>bubblewrap-mac-test</h2>
+      </div>
+      <div class="db-controls column medium-9 small-12 end">
+        <div class="db-activation column float-right medium-4">
+          <p>Active</p>
+          <button class="button button--green button--fixedwidth">Trigger a build</button>
+        </div>
+      </div>
+    </div>
+
+  </section>
 </div>
diff --git a/app/templates/footer.hbs b/app/templates/footer.hbs
new file mode 100644
index 00000000..c664390b
--- /dev/null
+++ b/app/templates/footer.hbs
@@ -0,0 +1,41 @@
+<div class="row">
+  <div class="small-6 medium-4 large-4 columns">
+    <img src="/images/dashboard/footer-logo.svg">
+  </div>
+  <div class="small-6 medium-2 large-2 columns">
+    <h3>&copy;Travis CI, GmbH</h3>
+    <ul>
+      <li>Rigaer Straße 8</li>
+      <li>10247 Berlin, Germany</li>
+    </ul>
+  </div>
+
+  <div class="small-6 medium-2 large-2 columns">
+    <h3>Help</h3>
+    <ul>
+      <li><a href="http://docs.travis-ci.com/">Documentation</a></li>
+      <li><a href="http://blog.travis-ci.com/">Blog</a></li>
+      <li><a href="mailto:support@travis-ci.com">Email</a></li>
+      <li><a href="https://travisci.campfirenow.com">Live Chat</a></li>
+      <li><a href="https://twitter.com/travisci">Twitter</a></li>
+    </ul>
+  </div>
+{{#if config.pro}}
+  <div class="small-6 medium-2 large-2 columns">
+    <h3>Legal</h3>
+    <ul>
+      <li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
+      <li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
+      <li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
+    </ul>
+  </div>
+{{/if}}
+  <div class="small-6 medium-2 large-2 columns">
+    <h3>Travis CI Status</h3>
+    <ul>
+      <li><div class="status-circle">Status:</div>
+          <a href="http://www.traviscistatus.com/">Travis CI Status</a>
+      </li>
+    </ul>
+  </div>
+</div>
diff --git a/app/templates/layouts/dashboard.hbs b/app/templates/layouts/dashboard.hbs
index 2e9cdfdb..ebbffe2c 100644
--- a/app/templates/layouts/dashboard.hbs
+++ b/app/templates/layouts/dashboard.hbs
@@ -1,82 +1,14 @@
 <div class="centered">
   <div class="wrapper wrapper-dashboard">
-    <div id="top">
-      <div class="row">
-        <div class="small-2 medium-2 columns" id="logo">
-          <h1>{{#link-to "main"}}Home{{/link-to}}</h1>
-        </div>
-        <ul>
-          <li><a href="#">Docs</a></li>
-          <li><a href="#">Blog</a></li>
-        <!-- <div class="small-4 medium-3 columns" id="status">
-          <div class="status-graph">Status Graph</div>
-        </div> -->
-          <li class="menu float-right user">
-            <p class="handle">
-              {{#if auth.signedOut}}
-                <a class="signed-out" href="#" {{action "signIn" target="auth"}}>Sign in with GitHub</a>
-              {{/if}}
-              {{#if auth.signedIn}}
-                {{#link-to "profile" class="signed-in"}}<img {{bind-attr src="auth.gravatarUrl"}}/>{{auth.userName}}{{/link-to}}
-              {{/if}}
-              {{#if auth.signingIn}}
-                <span class="signing-in">Signing In</span>
-              {{/if}}
-            </p>
-            <ul>
-              <li><a href="#" title="">Help</a></li>
-              <li><a href="/" {{action "signOut" target="auth"}}>Sign Out</a></li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    </div>
+    <header id="top" class="top">
+      {{render "top"}}
+    </header>
 
     {{yield}}
 
   </div>
 
   <footer>
-    <div class="row">
-      <div class="small-6 medium-4 large-4 columns">
-        <img src="/images/dashboard/footer-logo.svg">
-      </div>
-      <div class="small-6 medium-2 large-2 columns">
-        <h3>&copy;Travis CI, GmbH</h3>
-        <ul>
-          <li>Rigaer Straße 8</li>
-          <li>10247 Berlin, Germany</li>
-        </ul>
-      </div>
-
-      <div class="small-6 medium-2 large-2 columns">
-        <h3>Help</h3>
-        <ul>
-          <li><a href="http://docs.travis-ci.com/">Documentation</a></li>
-          <li><a href="http://blog.travis-ci.com/">Blog</a></li>
-          <li><a href="mailto:support@travis-ci.com">Email</a></li>
-          <li><a href="https://travisci.campfirenow.com">Live Chat</a></li>
-          <li><a href="https://twitter.com/travisci">Twitter</a></li>
-        </ul>
-      </div>
-
-      <div class="small-6 medium-2 large-2 columns">
-        <h3>Legal</h3>
-        <ul>
-          <li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
-          <li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
-          <li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
-        </ul>
-      </div>
-
-      <div class="small-6 medium-2 large-2 columns">
-        <h3>Travis CI Status</h3>
-        <ul>
-          <li><div class="status-circle">Status:</div>
-              <a href="http://www.traviscistatus.com/">Travis CI Status</a>
-          </li>
-        </ul>
-      </div>
-    </div>
+    {{render "footer"}}
   </footer>
 </div>
diff --git a/app/templates/layouts/error.hbs b/app/templates/layouts/error.hbs
index 89952183..72c226c2 100644
--- a/app/templates/layouts/error.hbs
+++ b/app/templates/layouts/error.hbs
@@ -1,36 +1,5 @@
-<div id="top">
-  <div class="row">
-    <div class="small-2 medium-2 columns" id="logo">
-      <h1>{{#link-to "main"}}Home{{/link-to}}</h1>
-    </div>
-    <div class="nav-burger">
-      <button type="button" id="burger" {{action 'toggleBurgerMenu'}}>&equiv;</button>
-    </div>
-    <ul id="navigation" {{bind-attr class="is-open"}}>
-      <li><a href="#">Blog</a></li>
-      <li><a href="#">Status</a></li>
-    <!-- <div class="small-4 medium-3 columns" id="status">
-      <div class="status-graph">Status Graph</div>
-    </div> -->
-      <li class="menu float-right user">
-        <p class="handle">
-          {{#if auth.signedOut}}
-            <a class="signed-out" href="#" {{action "signIn" target="auth"}}>Sign in with GitHub</a>
-          {{/if}}
-          {{#if auth.signedIn}}
-            {{#link-to "profile" class="signed-in"}}<img {{bind-attr src="auth.gravatarUrl"}}/>{{auth.userName}}{{/link-to}}
-          {{/if}}
-          {{#if auth.signingIn}}
-            <span class="signing-in">Signing In</span>
-          {{/if}}
-        </p>
-        <ul>
-          <li><a href="#" title="">Help</a></li>
-          <li><a href="/" {{action "signOut" target="auth"}}>Sign Out</a></li>
-        </ul>
-      </li>
-    </ul>
-  </div>
+<div id="top" class="top">
+  {{render 'top'}}
 </div>
 
 <main class="main main--error" role="main">
diff --git a/app/templates/layouts/home.hbs b/app/templates/layouts/home.hbs
index b2977b03..2e601499 100644
--- a/app/templates/layouts/home.hbs
+++ b/app/templates/layouts/home.hbs
@@ -1,6 +1,6 @@
 <div class="wrapper">
   
-  <header id="top">
+  <header id="top" class="top">
     {{render "top"}}
   </header>
 
diff --git a/app/templates/layouts/profile.hbs b/app/templates/layouts/profile.hbs
index 8aa1ac64..dcb7c0a1 100644
--- a/app/templates/layouts/profile.hbs
+++ b/app/templates/layouts/profile.hbs
@@ -1,5 +1,5 @@
 <div class="wrapper">
-  <header id="top">
+  <header id="top" class="top">
     {{render "top"}}
   </header>
 
diff --git a/app/templates/layouts/simple.hbs b/app/templates/layouts/simple.hbs
index 839a526a..de550ddf 100644
--- a/app/templates/layouts/simple.hbs
+++ b/app/templates/layouts/simple.hbs
@@ -1,4 +1,4 @@
-<div id="top">
+<div id="top" class="top">
   {{render "top"}}
 </div>
 
diff --git a/app/templates/top.hbs b/app/templates/top.hbs
index 55b71c74..fb28d453 100644
--- a/app/templates/top.hbs
+++ b/app/templates/top.hbs
@@ -1,94 +1,96 @@
-{{#link-to "main"}}
-  <div id="logo">
-    <h1>Travis</h1>
+<div class="row">
+  {{#link-to "main"}}
+    <div id="logo" class="logo">
+      <h1>Travis</h1>
+    </div>
+  {{/link-to}}
+
+  <div class="burger">
+    <button type="button" id="burger" class="burger-btn" {{action 'toggleBurgerMenu'}}>&equiv;</button>
   </div>
-{{/link-to}}
 
-<div class="nav-burger">
-  <button type="button" id="burger" {{action 'toggleBurgerMenu'}}>&equiv;</button>
-</div>
+  <ul id="navigation" {{bind-attr class=":navigation is-open"}}>
+    <li class="home">
+      {{#link-to "main"}}Home{{/link-to}}
+    </li>
+    {{#if config.pro}}
+      <li><a href="http://docs.travis-ci.com">Docs</a></li>
+    {{/if}}
+    {{#if config.enterprise}}
+      <li><a href="http://docs.travis-ci.com">Docs</a></li>
+    {{else}}
+      <li>
+        <a href="http://blog.travis-ci.com">Blog</a>
+      </li>
+      <li>
+        <a href="http://traviscistatus.com">Status</a>
+      </li>
+    {{/if}}
+    {{#unless config.pro}}
+      <li class="menu community">
+        <p class="handle">
+          <a href="#">Help</a>
+        </p>
+        <ul>
+          <li><a href="http://docs.travis-ci.com">Docs</a></li>
+          <li><a href="http://stackoverflow.com/questions/ask?tags=travis-ci">Ask a Question</a></li>
+          <li><a href="irc://irc.freenode.net/#travis">IRC</a></li>
+          <li><a href="mailto:support@travis-ci.com">E-Mail us</a></li>
+          <li><a href="http://docs.travis-ci.com/imprint.html" alt="Imprint">Imprint</a></li>
+        </ul>
+      </li>
+    {{/unless}}
 
-<ul id="navigation" {{bind-attr class="is-open"}}>
-  <li class="home">
-    {{#link-to "main"}}Home{{/link-to}}
-  </li>
-  {{#if config.pro}}
-    <li><a href="http://docs.travis-ci.com">Docs</a></li>
-  {{/if}}
-  {{#if config.enterprise}}
-    <li><a href="http://docs.travis-ci.com">Docs</a></li>
-  {{else}}
-    <li>
-      <a href="http://blog.travis-ci.com">Blog</a>
-    </li>
-    <li>
-      <a href="http://traviscistatus.com">Status</a>
-    </li>
-  {{/if}}
-  {{#unless config.pro}}
-    <li class="menu community">
+    {{#if config.pagesEndpoint}}
+      <li class="menu legal">
+        <p class="handle">
+          <a {{bind-attr href="config.url_legal"}}>Legal</a>
+        </p>
+        <ul>
+          <li>
+            <a {{bind-attr href="config.url_imprint"}}>Imprint</a>
+          </li>
+          <li>
+            <a {{bind-attr href="config.url_security"}}>Security</a>
+          </li>
+          <li>
+            <a {{bind-attr href="config.url_terms"}}>Terms</a>
+          </li>
+        </ul>
+      </li>
+    {{/if}}
+
+    {{#unless config.pro}}
+      <li class="traviscicom">
+        <a href="http://travis-ci.com">Travis CI for Private Repositories</a>
+      </li>
+    {{/unless}}
+
+    <li {{bind-attr class="view.classProfile"}}>
       <p class="handle">
-        <a href="#">Help</a>
-      </p>
-      <ul>
-        <li><a href="http://docs.travis-ci.com">Docs</a></li>
-        <li><a href="http://stackoverflow.com/questions/ask?tags=travis-ci">Ask a Question</a></li>
-        <li><a href="irc://irc.freenode.net/#travis">IRC</a></li>
-        <li><a href="mailto:support@travis-ci.com">E-Mail us</a></li>
-        <li><a href="http://docs.travis-ci.com/imprint.html" alt="Imprint">Imprint</a></li>
-      </ul>
-    </li>
-  {{/unless}}
-
-  {{#if config.pagesEndpoint}}
-    <li class="menu legal">
-      <p class="handle">
-        <a {{bind-attr href="config.urls.legal"}}>Legal</a>
+        {{#if auth.signedOut}}
+          <button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
+        {{/if}}
+        {{#if auth.signedIn}}
+          {{#link-to "profile" class="signed-in"}}<img {{bind-attr src="gravatarUrl"}}/>{{userName}}{{/link-to}}
+        {{/if}}
+        {{#if auth.signingIn}}
+          <button class="signing-in button--signin">Signing In</button>
+        {{/if}}
       </p>
       <ul>
         <li>
-          <a {{bind-attr href="config.urls.imprint"}}>Imprint</a>
+          {{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
         </li>
+        {{#if config.billingEndpoint}}
+          <li>
+            <a {{bind-attr href="config.billingEndpoint"}}>Billing</a>
+          </li>
+        {{/if}}
         <li>
-          <a {{bind-attr href="config.urls.security"}}>Security</a>
-        </li>
-        <li>
-          <a {{bind-attr href="config.urls.terms"}}>Terms</a>
+          <a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
         </li>
       </ul>
     </li>
-  {{/if}}
-
-  {{#unless config.pro}}
-    <li class="traviscicom">
-      <a href="http://travis-ci.com">Travis CI for Private Repositories</a>
-    </li>
-  {{/unless}}
-
-  <li {{bind-attr class="view.classProfile"}}>
-    <p class="handle">
-      {{#if auth.signedOut}}
-        <button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
-      {{/if}}
-      {{#if auth.signedIn}}
-        {{#link-to "profile" class="signed-in"}}<img {{bind-attr src="gravatarUrl"}}/>{{userName}}{{/link-to}}
-      {{/if}}
-      {{#if auth.signingIn}}
-        <button class="signing-in button--signin">Signing In</button>
-      {{/if}}
-    </p>
-    <ul>
-      <li>
-        {{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
-      </li>
-      {{#if config.billingEndpoint}}
-        <li>
-          <a {{bind-attr href="config.billingEndpoint"}}>Billing</a>
-        </li>
-      {{/if}}
-      <li>
-        <a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
-      </li>
-    </ul>
-  </li>
-</ul>
+  </ul>
+</div>
\ No newline at end of file
diff --git a/public/images/dashboard/branch.svg b/public/images/dashboard/branch.svg
new file mode 100644
index 00000000..b9c16743
--- /dev/null
+++ b/public/images/dashboard/branch.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="63.279px" height="62.667px" viewBox="0 -12.362 63.279 62.667" enable-background="new 0 -12.362 63.279 62.667"
+	 xml:space="preserve">
+<path fill="#9B9A89" d="M48.08,14.523c-1.927-7.34-8.605-12.754-16.55-12.754S16.906,7.184,14.98,14.523H1.529v8.533h13.403
+	c1.863,7.431,8.587,12.936,16.597,12.936s14.732-5.504,16.596-12.936h13.404v-8.533H48.08z M31.529,27.457
+	c-3.229,0-6.042-1.774-7.521-4.401c-0.701-1.248-1.103-2.688-1.103-4.221c0-1.571,0.42-3.043,1.154-4.312
+	c1.49-2.577,4.276-4.312,7.469-4.312s5.978,1.733,7.469,4.312c0.734,1.27,1.154,2.741,1.154,4.312c0,1.534-0.401,2.974-1.104,4.221
+	C37.571,25.683,34.758,27.457,31.529,27.457z"/>
+</svg>
diff --git a/public/images/dashboard/burger-hover.svg b/public/images/dashboard/burger-hover.svg
new file mode 100644
index 00000000..183dacc8
--- /dev/null
+++ b/public/images/dashboard/burger-hover.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#5FA5A4" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
+<path fill="#5FA5A4" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
+<path fill="#5FA5A4" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
+</svg>
diff --git a/public/images/dashboard/burger.svg b/public/images/dashboard/burger.svg
new file mode 100644
index 00000000..4a8c319e
--- /dev/null
+++ b/public/images/dashboard/burger.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#A19F9F" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
+<path fill="#A19F9F" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
+<path fill="#A19F9F" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
+	c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
+</svg>
diff --git a/public/images/dashboard/github.svg b/public/images/dashboard/github.svg
new file mode 100644
index 00000000..35b96d33
--- /dev/null
+++ b/public/images/dashboard/github.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#9B9A89" d="M13.507,0.132c0,0-0.824-0.27-2.705,1.037c-0.788-0.224-1.633-0.335-2.47-0.339
+	c-0.837,0.003-1.684,0.115-2.47,0.337C3.981-0.139,3.154,0.131,3.154,0.131C2.618,1.524,2.953,2.552,3.056,2.809
+	C2.429,3.517,2.043,4.417,2.043,5.522c0,3.873,2.298,4.74,4.489,4.994c-0.283,0.253-0.539,0.699-0.624,1.353
+	c-0.564,0.256-1.994,0.702-2.869-0.84c0,0-0.521-0.969-1.512-1.042c0,0-0.962-0.013-0.066,0.612c0,0,0.645,0.311,1.095,1.479
+	c0,0,0.579,1.965,3.322,1.356c0,0.843,0.012,1.48,0.012,1.719c0,0.269,0.428,0.639,1.991,0.69l1.402,0.023
+	c-0.205-0.069,1.46,0.108,1.492-0.714c0.013-0.333,0.009-1.421,0.009-2.772c0-0.944-0.311-1.558-0.666-1.873
+	c2.195-0.249,4.499-1.105,4.499-4.986c0-1.103-0.383-2.003-1.011-2.713C13.708,2.552,14.046,1.524,13.507,0.132z"/>
+</svg>
diff --git a/public/images/dashboard/hash.svg b/public/images/dashboard/hash.svg
new file mode 100644
index 00000000..6eae15a3
--- /dev/null
+++ b/public/images/dashboard/hash.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="63.279px" height="62.667px" viewBox="0 0 63.279 62.667" enable-background="new 0 0 63.279 62.667" xml:space="preserve">
+<g>
+	<path fill="#9B9A89" d="M41.27,6.869c0.281-1.238,0.803-2.124,1.562-2.66c0.76-0.534,1.533-0.745,2.322-0.633
+		c0.787,0.114,1.49,0.521,2.109,1.224c0.619,0.705,0.9,1.675,0.846,2.913c-0.283,1.857-0.535,3.702-0.76,5.53
+		c-0.227,1.83-0.479,3.645-0.76,5.446h9.623c1.07,0.337,1.857,0.844,2.365,1.52c0.506,0.675,0.744,1.365,0.717,2.068
+		c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.647-1.379,1.084-2.447,1.309H45.661c-0.281,1.802-0.521,3.575-0.717,5.319
+		c-0.199,1.745-0.438,3.49-0.719,5.234h9.709c1.068,0.338,1.857,0.845,2.365,1.52c0.506,0.676,0.744,1.365,0.717,2.068
+		c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.648-1.379,1.085-2.447,1.309H43.298c-0.283,2.14-0.564,4.264-0.844,6.374
+		c-0.283,2.111-0.564,4.236-0.846,6.375c-0.395,1.013-0.957,1.744-1.688,2.195c-0.732,0.449-1.451,0.633-2.154,0.548
+		c-0.703-0.084-1.35-0.422-1.941-1.013c-0.59-0.591-0.943-1.45-1.055-2.575c0.281-1.97,0.549-3.953,0.803-5.952
+		c0.252-1.997,0.52-3.981,0.801-5.952H22.106c-0.282,2.14-0.578,4.264-0.887,6.374c-0.31,2.111-0.605,4.236-0.886,6.375
+		c-0.395,1.013-0.958,1.744-1.689,2.195c-0.732,0.449-1.45,0.633-2.153,0.548c-0.704-0.084-1.351-0.422-1.941-1.013
+		c-0.591-0.591-0.943-1.45-1.056-2.575c0.281-1.97,0.549-3.953,0.802-5.952c0.253-1.997,0.52-3.981,0.802-5.952H6.993
+		c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.874-1.463-0.844-2.279c0.028-0.815,0.365-1.562,1.013-2.237
+		c0.646-0.676,1.589-1.041,2.828-1.098h8.78c0.281-1.744,0.52-3.489,0.718-5.234c0.197-1.744,0.436-3.517,0.718-5.319H9.611
+		c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.873-1.463-0.844-2.28c0.028-0.815,0.365-1.562,1.013-2.237
+		c0.646-0.675,1.589-1.041,2.828-1.097h8.527c0.281-1.97,0.549-3.926,0.802-5.868c0.253-1.941,0.52-3.896,0.802-5.868
+		c0.281-1.237,0.802-2.124,1.562-2.659c0.76-0.534,1.533-0.746,2.322-0.633c0.788,0.113,1.491,0.521,2.11,1.224
+		c0.619,0.705,0.9,1.675,0.844,2.913l-1.52,10.891h14.269c0.281-1.97,0.562-3.939,0.844-5.91
+		C40.708,10.809,40.989,8.839,41.27,6.869z M38.02,30.93c0.197-1.744,0.408-3.517,0.633-5.319H24.385
+		c-0.226,1.802-0.451,3.575-0.675,5.319c-0.226,1.745-0.451,3.49-0.675,5.234h14.269C37.585,34.42,37.823,32.675,38.02,30.93z"/>
+</g>
+</svg>
diff --git a/public/images/dashboard/private-icon.svg b/public/images/dashboard/private-icon.svg
index 2aafb6eb..b45505e1 100644
--- a/public/images/dashboard/private-icon.svg
+++ b/public/images/dashboard/private-icon.svg
@@ -1,12 +1,12 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="9px" height="12px" viewBox="0 0 9 12" enable-background="new 0 0 9 12" xml:space="preserve">
-<g>
-	<path fill="#ADAC99" d="M7.814,5.239V3.27c0-1.806-1.463-3.269-3.27-3.269C4.524,0.001,4.507-0.001,4.484,0
-		C4.466,0,4.443,0.001,4.425,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24H0V12h9V5.239H7.814z M2.791,3.271
-		c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.026,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
-		H2.791V3.271z"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="12px" height="12px" viewBox="-1.667 0 12 12" enable-background="new -1.667 0 12 12" xml:space="preserve">
+<g>
+	<path fill="#ADAC99" d="M7.647,5.239V3.27c0-1.806-1.463-3.269-3.271-3.269C4.357,0.001,4.34-0.001,4.316,0
+		C4.299,0,4.275,0.001,4.258,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24h-1.156V12h9V5.239H7.647z M2.624,3.271
+		c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.025,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
+		H2.624V3.271z"/>
+</g>
+</svg>