diff --git a/app/components/build-tile.coffee b/app/components/build-tile.coffee
new file mode 100644
index 00000000..cd2d79ae
--- /dev/null
+++ b/app/components/build-tile.coffee
@@ -0,0 +1,8 @@
+`import Ember from 'ember'`
+
+BuildTileComponent = Ember.Component.extend
+
+  tagName: 'li'
+  classNameBindings: ['build.state']
+
+`export default BuildTileComponent`
diff --git a/app/components/request-icon.coffee b/app/components/request-icon.coffee
new file mode 100644
index 00000000..031a47a1
--- /dev/null
+++ b/app/components/request-icon.coffee
@@ -0,0 +1,23 @@
+`import Ember from 'ember'`
+
+RequestIconComponent = Ember.Component.extend
+
+  tagName: 'span'
+  classNames: ['icon-request']
+  classNameBindings: ['build.state']
+
+  isPush: (->
+    @get('build.eventType') == 'push'
+  ).property('build.eventType')
+
+  isPR: (->
+    @get('build.eventType') == 'pull_request'
+  ).property('build.eventType')
+
+  isAPI: (->
+    @get('build.eventType') == 'api'
+  ).property('build.eventType')
+
+
+
+`export default RequestIconComponent`
diff --git a/app/components/status-icon.coffee b/app/components/status-icon.coffee
new file mode 100644
index 00000000..c17a356a
--- /dev/null
+++ b/app/components/status-icon.coffee
@@ -0,0 +1,25 @@
+`import Ember from 'ember'`
+
+StatusIconComponent = Ember.Component.extend
+
+  tagName: 'span'
+  classNames: ['status-icon']
+  classNameBindings: ['build.state']
+
+  hasPassed: (->
+    @get('build.state') == 'passed'
+  ).property('build.state')
+
+  hasFailed: (->
+    @get('build.state') == 'failed'
+  ).property('build.state')
+
+  hasErrored: (->
+    @get('build.state') == 'errored'
+  ).property('build.state')
+
+  wasCanceled: (->
+    @get('build.state') == 'canceled'
+  ).property('build.state')
+
+`export default StatusIconComponent`
diff --git a/app/styles/app/layouts/branches.sass b/app/styles/app/layouts/branches.sass
index 63dfdda9..d652b46a 100644
--- a/app/styles/app/layouts/branches.sass
+++ b/app/styles/app/layouts/branches.sass
@@ -6,17 +6,26 @@
       color: $color
       &:hover
         border-color: $color
+    .status-icon g > *,
+    .icon-request g > *
+      fill: $color
 
 @mixin buildTileColors($color, $bg, $status)
-  .#{$status}
+  > .#{$status}
     background-color: $bg
-    a
-      color: $color
+    .icon-request g > *
+      fill: $color
+    &:hover
+      background-color: $color
+      .status-icon g > *
+        fill: $white
+
     @media #{$medium-up}
       .dropup--status
         border-color: $color
+        color: $color
         &:before
-          background-color: $bg
+          background-color: $color
 
 .tabbody
   ul
@@ -32,16 +41,15 @@
   color: $grey-dark
 
   span
-    width: 1em
-    height: 1em
-    margin-right: .5em
-    background-color: #666
+    width: 1.3em
+    height: 1.3em
+    margin-right: .2em
     display: inline-block
     vertical-align: middle
 
   .avatar
-    width: 15px
-    margin-right: .5em
+    width: 16px
+    margin-right: .7em
     border-radius: 50%
     vertical-align: middle
 
@@ -89,7 +97,11 @@
 .two-line
   @extend %row-element
   padding: .6em 0
-  text-align: left  
+  margin-left: 2em
+  text-align: left
+
+  @media #{$medium-up}
+    margin-left: 0
 
 .one-line
   @extend %row-element
@@ -100,7 +112,7 @@
     @media #{$medium-up}
       display: block
 
-// @todo refactor into dropup
+// @todo refactor into dropup module
 %dropup
   @media #{$medium-up}
     position: absolute
@@ -145,6 +157,9 @@
     padding: 0.3em 0.5em
     color: $white
     text-decoration: none
+  .icon-trigger path,
+  .icon-eye path
+    fill: $white
     
   @media #{$medium-up}
     padding: .4em
@@ -154,6 +169,9 @@
       display: block
       margin: 0
       background-color: $white
+    .icon-trigger path,
+    .icon-eye path
+      fill: $grey-medium
     a
       display: block
       padding: 0.2em 0.5em
@@ -162,6 +180,9 @@
       &:hover
         background-color: $teal-dark
         color: $white
+        .icon-trigger path,
+        .icon-eye path
+          fill: $white
 
     &:before
       background-color: $teal-dark
@@ -181,7 +202,11 @@
 
 .dropup-trigger
   padding: 1em 0
+  path
+    fill: $teal-dark
 
+
+// @todo refactor to build-tiles module
 .build-tiles
   height: 5.6rem
   margin: 0
@@ -192,15 +217,16 @@
     display: inline-block
     height: 100%
     width: 18.8%
-    .icon-status
+    .status-icon
       position: absolute
       top: 0
       right: 0
       bottom: 0
       left: 0
-      width: 1.3rem
-      height: 1.3rem
+      width: 2rem
+      height: 2rem
       margin: auto
+      background-color: transparent
   a
     display: block
     height: 100%
diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index 6534f042..a31b007c 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -192,6 +192,17 @@
 .icon-fingerprint
   background-image: inline-image('svg/fingerprint.svg')
 
+
+.icon-line-cal
+  @extend %icon
+  background-image: inline-image('line-icons/icon-cal.svg')
+.icon-line-build
+  @extend %icon
+  background-image: inline-image('line-icons/icon-build.svg')
+.icon-line-commit
+  @extend %icon
+  background-image: inline-image('line-icons/icon-commit.svg')
+
 .icon--plus
   &:after
     content: "+"
@@ -211,7 +222,6 @@
 .icon-flag
   background-image: inline-image('svg/notice-flag.svg')
 
-
 .icon-receiving
   margin: 0.3rem 0.5rem;
   display: inline-block;
diff --git a/app/templates/components/branch-row.hbs b/app/templates/components/branch-row.hbs
index b6d176ea..f337f0a7 100644
--- a/app/templates/components/branch-row.hbs
+++ b/app/templates/components/branch-row.hbs
@@ -1,26 +1,88 @@
 <div class="two-line">
   <div class="branch-name"> 
-    <h2 class="row-item"><span class="icon-status {{build.state}}" title="{{build.state}}"></span>{{build.commit.branch}}</h2>
+    <h2 class="row-item">{{status-icon build=build}}{{build.commit.branch}}</h2>
   </div>
   <div class="branch-builds">
-    <div class="row-item"><a href="#"><span class="icon-crane"></span>~buildcount~ builds</a></div>
+    <div class="row-item"><a href="#">
+    <span class="icon-line-build">
+      <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" enable-background="new 0 0 20 20">
+      <g id="Build">
+        <path fill="#A7AEAE" d="M15.2,15.3c-0.4,0-0.7-0.1-1-0.4c-0.4-0.3-0.6-0.8-0.6-1.2c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
+          c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.1c0.2,0,0.4-0.2,0.5-0.5c0.1-0.3-0.1-0.6-0.4-0.7c-0.4-0.2-0.7-0.6-0.7-1.1V8.7
+          c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5V12c0,0,0,0.2,0.1,0.2c0.7,0.3,1.1,1,1,1.8c-0.1,0.6-0.6,1.2-1.3,1.3
+          C15.3,15.3,15.3,15.3,15.2,15.3z"/>
+        <path fill="#A7AEAE" d="M9.1,17.5C9.1,17.5,9.1,17.5,9.1,17.5H3.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7V8.9H3.4
+          C2.5,8.9,2.5,7.1,2.5,7V6.6c0-0.5,0.3-0.9,0.7-1l2.2-0.8V3.3c0-0.2,0.1-0.5,0.3-0.6c0.2-0.2,0.4-0.2,0.7-0.2l1.5,0.3
+          C9,3,9.6,3.1,9.6,3.7v1.2l7.1,0.9c0.5,0.1,0.8,0.5,0.8,0.9V7c0,0,0,1.8-0.9,1.8h-7v7.6h1.7c0.3,0,0.5,0.2,0.5,0.5
+          c0,0.3-0.2,0.5-0.5,0.5H9.1C9.1,17.5,9.1,17.5,9.1,17.5z M6.4,16.5l2.2,0V8.9H6.4V16.5z M9.6,7.9h6.7c0.1-0.3,0.2-0.7,0.2-0.9
+          V6.7L9.6,5.9V7.9z M6.4,7.9h2.2V5.7L8.1,5.7l-1.7,0V7.9z M3.6,7.9h1.8v-2l-2,0.7l0,0.4C3.5,7.2,3.5,7.6,3.6,7.9z M6.4,4.7h1.7
+          l0.5,0.1V4c-0.1,0-0.4-0.1-0.9-0.2c0,0-0.1,0-0.1,0L6.4,3.5V4.7z"/>
+      </g>
+    </svg>
+    </span>~ builds</a></div>
   </div>
 </div>
 <div class="two-line">
   <div class="branch-request">
     <div class="row-item">
       {{#link-to "build" build.repo build}}
-        <span class="icon-request {{build.eventType}}" title="{{build.eventType}}"></span>{{build.number}} {{build.state}}
+        {{request-icon build=build}}
+        #{{build.number}} {{build.state}}
       {{/link-to}}
       </div>
   </div>
   <div class="branch-calendar">
-    <div class="row-item" title="{{pretty-date build.formattedFinishedAt}}"><span class="icon-calendar"></span>{{format-time build.finishedAt}}</div>
+    <div class="row-item" title="{{pretty-date build.formattedFinishedAt}}">
+      <span class="">
+        <svg viewBox="0 0 20 20">
+          <g id="Cal">
+            <path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
+              C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
+            <path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
+              c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
+              C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
+              c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
+              H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
+            <path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
+              c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
+              V10.7z"/>
+          </g>
+        </svg>
+      </span>
+      {{format-time build.finishedAt}}</div>
   </div>
 </div>
 <div class="two-line">
   <div class="branch-commit">
-    <div class="row-item"><a href="{{urlGithubCommit}}" title="commit on GitHub"><span class="icon-github"></span>{{format-sha build.commit.sha}}</a></div>
+    <div class="row-item">
+      <a href="{{urlGithubCommit}}" title="commit on GitHub">
+      <span class="">
+        <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+          <g id="Commit">
+            <path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
+              c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
+              c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
+              c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
+              c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
+              c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
+              c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
+              c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
+              c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
+              L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
+              c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
+              c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
+              c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
+              c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
+              c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
+              c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
+              c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
+              c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
+              c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
+              c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
+          </g>
+        </svg>
+      </span>
+      {{format-sha build.commit.sha}}</a></div>
   </div>
   <div class="branch-commiter">
     <div class="row-item"><img src="{{urlAuthorGravatarImage}}" alt="avatar" class="avatar">{{build.commit.committerName}}</div>
@@ -28,48 +90,58 @@
 </div>
 <div class="one-line">
   <div class="branch-nav dropup-trigger">
-    <div class="row-item"><a href="#"><span class="icon-tofu"></span></a></div>
+    <div class="row-item">
+      <a href="#"><span class="icon-tofu">
+        <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+          <g id="Tofuburger">
+            <path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
+              C18.5,6,18.2,6.2,17.9,6.2z"/>
+            <path fill="#A7AEAE" d="M17.9,10.6H2.1c-0.4,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6S18.2,10.6,17.9,10.6z
+              "/>
+            <path fill="#A7AEAE" d="M17.9,15H2.1c-0.4,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6
+              C18.5,14.7,18.2,15,17.9,15z"/>
+          </g>
+        </svg>
+      </span></a></div>
   </div>
   <div class="dropup--blue">
     <ul>
-      <li><a href="#"><span class="icon-trigger"></span>Trigger a build</a></li>
-      <li><a href="#"><span class="icon-eye"></span>View all builds</a></li>
+      <li><a href="#">
+        <span class="icon-trigger">
+          <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+            <g id="Trigger">
+              <path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
+                c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
+                S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
+                c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
+            </g>
+          </svg>
+        </span>
+        Trigger a build</a>
+      </li>
+      <li><a href="#">
+        <span class="icon-eye">
+          <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+            <g id="View">
+              <path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
+                s7.3-4,7.4-4.1C17.6,10.2,17.6,9.8,17.4,9.6z M10,13.2c-2.8,0-5.2-2.3-6.1-3.2C4.8,9.1,7.2,6.8,10,6.8c2.8,0,5.2,2.3,6.1,3.2
+                C15.2,10.9,12.8,13.2,10,13.2z"/>
+              <path fill="#A7AEAE" d="M10,7c-1.5,0-2.6,1.3-2.6,3s1.2,3,2.6,3s2.6-1.3,2.6-3S11.5,7,10,7z M10,11.7c-0.7,0-1.3-0.7-1.3-1.7
+                S9.3,8.3,10,8.3s1.3,0.7,1.3,1.7S10.7,11.7,10,11.7z"/>
+            </g>
+          </svg>
+        </span>
+        View all builds</a>
+      </li>
     </ul>
   </div>
 </div>
 <div class="one-line">
   <ul class="build-tiles">
-    <li class="failed">
-      <a href="#" class="dropup-trigger">
-        <span class="icon-status failed"></span>
-        <div class="dropup--status">
-          <span class="icon-request push"></span> #23872
-        </div>
-      </a>
-    </li>
-    <li class="passed">
-      <a href="#" class="dropup-trigger"><span class="icon-status passed"></span></a>
-      <div class="dropup--status">
-        <span class="icon-request push"></span> #23872
-      </div>
-    </li>
-    <li class="errored">
-      <a href="#" class="dropup-trigger"><span class="icon-status errored"></span></a>
-      <div class="dropup dropup--status">
-        <span class="icon-request push"></span> #23872
-      </div>
-    </li>
-    <li class="canceled">
-      <a href="#" class="dropup-trigger"><span class="icon-status canceled"></span></a>
-      <div class="dropup--status">
-        <span class="icon-request push"></span> #23872
-      </div>
-    </li>
-    <li class="received">
-      <a href="#" class="dropup-trigger"><span class="icon-status received"></span></a>
-      <div class="dropup--status">
-        <span class="icon-request push"></span> #23872
-      </div>
-    </li>
+    {{build-tile build=build}}
+    {{build-tile build=build}}
+    {{build-tile build=build}}
+    {{build-tile build=build}}
+    {{build-tile build=build}}
   </ul>
 </div>
diff --git a/app/templates/components/build-tile.hbs b/app/templates/components/build-tile.hbs
new file mode 100644
index 00000000..d2c640b1
--- /dev/null
+++ b/app/templates/components/build-tile.hbs
@@ -0,0 +1,6 @@
+<a href="#" class="dropup-trigger">
+  {{status-icon build=build}}
+  <div class="dropup--status">
+    {{request-icon build=build}} #{{build.number}}
+  </div>
+</a>
diff --git a/app/templates/components/request-icon.hbs b/app/templates/components/request-icon.hbs
new file mode 100644
index 00000000..051ed431
--- /dev/null
+++ b/app/templates/components/request-icon.hbs
@@ -0,0 +1,41 @@
+{{#if isPush}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="Push">
+      <path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
+        c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
+        c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
+    </g>
+  </svg>
+{{/if}}
+
+{{#if isPR}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="Pull">
+      <path fill="#A7AEAE" d="M8,4.5C8,3.1,6.9,2,5.5,2S3,3.1,3,4.5c0,1.1,0.8,2.1,1.8,2.4v6.5c-1,0.3-1.8,1.2-1.8,2.4
+        c0,1.4,1.1,2.5,2.5,2.5S8,17,8,15.7c0-1.1-0.8-2.1-1.8-2.4V6.8C7.2,6.6,8,5.6,8,4.5z M4.3,4.5c0-0.6,0.5-1.2,1.2-1.2
+        s1.2,0.5,1.2,1.2S6.1,5.6,5.5,5.6S4.3,5.1,4.3,4.5z M6.7,15.7c0,0.6-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
+        S6.7,15,6.7,15.7z"/>
+      <path fill="#A7AEAE" d="M15.1,13.3v-6c0-1-0.3-1.9-0.9-2.4c-1-0.9-2.4-0.8-2.4-0.8h-1c0.3-0.3,0.7-0.7,1-1c0.3-0.3,0.3-0.7,0-0.9
+        s-0.7-0.3-0.9,0c-1.2,1.2-1.7,1.7-2,2C8.8,4.2,8.7,4.3,8.6,4.4c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
+        c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.3c0.3,0.3,0.8,0.9,2,2c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2
+        c0.3-0.3,0.3-0.7,0-0.9c-0.3-0.3-0.7-0.7-1-1l1,0c0,0,0.9,0,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.5v6.1c-1,0.3-1.8,1.2-1.8,2.4
+        c0,1.4,1.1,2.5,2.5,2.5S17,17,17,15.7C17,14.5,16.2,13.6,15.1,13.3z M14.5,16.8c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
+        s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
+    </g>
+  </svg>
+{{/if}}
+
+{{#if isAPI}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="API">
+      <path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
+        c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
+        C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
+        c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
+        c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
+    </g>
+  </svg>
+{{/if}}
diff --git a/app/templates/components/status-icon.hbs b/app/templates/components/status-icon.hbs
new file mode 100644
index 00000000..fe6b5c9c
--- /dev/null
+++ b/app/templates/components/status-icon.hbs
@@ -0,0 +1,44 @@
+
+{{#if hasPassed}}
+  <svg version="1.1" id="Layer_1"  x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="Passed">
+      <path fill="#A7AEAE" d="M9.6,14.4c-0.1,0-0.3-0.1-0.4-0.1l-4-3.3c-0.3-0.2-0.3-0.6-0.1-0.9S5.8,9.8,6.1,10l3.4,2.8l4.9-7.5
+        C14.6,5,15,4.9,15.3,5.1c0.3,0.2,0.4,0.6,0.2,0.9l-5.3,8.1C10.1,14.3,9.9,14.4,9.6,14.4C9.7,14.4,9.7,14.4,9.6,14.4z"/>
+    </g>
+  </svg>
+{{/if}}
+
+{{#if hasFailed}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="Failed">
+      <path fill="#A7AEAE" d="M10.9,10l3.9-3.9c0.2-0.2,0.2-0.6,0-0.9c-0.2-0.2-0.6-0.2-0.9,0L10,9.1L6.1,5.2c-0.2-0.2-0.6-0.2-0.9,0
+        c-0.2,0.2-0.2,0.6,0,0.9L9.1,10l-3.9,3.9c-0.2,0.2-0.2,0.6,0,0.9C5.3,14.9,5.5,15,5.6,15s0.3-0.1,0.4-0.2l3.9-3.9l3.9,3.9
+        c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.9L10.9,10z"/>
+    </g>
+  </svg>
+{{/if}}
+
+{{#if wasCanceled}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+    <g id="Cancelled">
+      <path fill="#A7AEAE" d="M10,3.3c-3.7,0-6.6,3-6.6,6.7s3,6.7,6.6,6.7s6.6-3,6.6-6.7S13.7,3.3,10,3.3z M15.4,10
+        c0,1.3-0.5,2.5-1.3,3.4L6.5,6C7.5,5.2,8.7,4.7,10,4.7C13,4.7,15.4,7,15.4,10z M4.6,10c0-1.2,0.4-2.2,1-3.1l7.5,7.4
+        c-0.9,0.7-2,1-3.2,1C7,15.3,4.6,13,4.6,10z"/>
+    </g>
+  </svg>
+{{/if}}
+
+{{#if hasErrored}}
+  <svg version="1.1" id="Layer_1" x="0px" y="0px"
+     viewBox="-519 391 20 20" style="enable-background:new -519 391 20 20;" xml:space="preserve">
+    <g>
+        <path fill="#A5ACAD" d="M-508.9,403.2c-0.3,0-0.6-0.3-0.6-0.6V395c0-0.3,0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6v7.6
+          C-508.2,402.9-508.5,403.2-508.9,403.2z"/>
+        <circle fill="#A5ACAD" cx="-508.9" cy="406.5" r="1.2"/>
+    </g>
+  </svg>
+{{/if}}
+
diff --git a/public/images/line-icons/icon-api.svg b/public/images/line-icons/icon-api.svg
new file mode 100644
index 00000000..b626ff8c
--- /dev/null
+++ b/public/images/line-icons/icon-api.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" id="Layer_1" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+  <g id="API">
+  	<path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
+  		c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
+  		C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
+  		c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
+  		c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
+  </g>
+</svg>
diff --git a/public/images/line-icons/icon-build.svg b/public/images/line-icons/icon-build.svg
new file mode 100644
index 00000000..86ca24e4
--- /dev/null
+++ b/public/images/line-icons/icon-build.svg
@@ -0,0 +1,14 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" enable-background="new 0 0 20 20">
+<g id="Build">
+	<path fill="#A7AEAE" d="M15.2,15.3c-0.4,0-0.7-0.1-1-0.4c-0.4-0.3-0.6-0.8-0.6-1.2c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
+		c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.1c0.2,0,0.4-0.2,0.5-0.5c0.1-0.3-0.1-0.6-0.4-0.7c-0.4-0.2-0.7-0.6-0.7-1.1V8.7
+		c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5V12c0,0,0,0.2,0.1,0.2c0.7,0.3,1.1,1,1,1.8c-0.1,0.6-0.6,1.2-1.3,1.3
+		C15.3,15.3,15.3,15.3,15.2,15.3z"/>
+	<path fill="#A7AEAE" d="M9.1,17.5C9.1,17.5,9.1,17.5,9.1,17.5H3.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7V8.9H3.4
+		C2.5,8.9,2.5,7.1,2.5,7V6.6c0-0.5,0.3-0.9,0.7-1l2.2-0.8V3.3c0-0.2,0.1-0.5,0.3-0.6c0.2-0.2,0.4-0.2,0.7-0.2l1.5,0.3
+		C9,3,9.6,3.1,9.6,3.7v1.2l7.1,0.9c0.5,0.1,0.8,0.5,0.8,0.9V7c0,0,0,1.8-0.9,1.8h-7v7.6h1.7c0.3,0,0.5,0.2,0.5,0.5
+		c0,0.3-0.2,0.5-0.5,0.5H9.1C9.1,17.5,9.1,17.5,9.1,17.5z M6.4,16.5l2.2,0V8.9H6.4V16.5z M9.6,7.9h6.7c0.1-0.3,0.2-0.7,0.2-0.9
+		V6.7L9.6,5.9V7.9z M6.4,7.9h2.2V5.7L8.1,5.7l-1.7,0V7.9z M3.6,7.9h1.8v-2l-2,0.7l0,0.4C3.5,7.2,3.5,7.6,3.6,7.9z M6.4,4.7h1.7
+		l0.5,0.1V4c-0.1,0-0.4-0.1-0.9-0.2c0,0-0.1,0-0.1,0L6.4,3.5V4.7z"/>
+</g>
+</svg>
diff --git a/public/images/line-icons/icon-cal.svg b/public/images/line-icons/icon-cal.svg
new file mode 100644
index 00000000..7b6846b1
--- /dev/null
+++ b/public/images/line-icons/icon-cal.svg
@@ -0,0 +1,14 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+	<g id="Cal">
+		<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
+			C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
+		<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
+			c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
+			C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
+			c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
+			H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
+		<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
+			c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
+			V10.7z"/>
+	</g>
+</svg>
diff --git a/public/images/line-icons/icon-cancelled.svg b/public/images/line-icons/icon-cancelled.svg
new file mode 100644
index 00000000..eaddd71c
--- /dev/null
+++ b/public/images/line-icons/icon-cancelled.svg
@@ -0,0 +1,8 @@
+<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"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+  <g id="Cancelled">
+  	<path fill="#A7AEAE" d="M10,3.3c-3.7,0-6.6,3-6.6,6.7s3,6.7,6.6,6.7s6.6-3,6.6-6.7S13.7,3.3,10,3.3z M15.4,10
+  		c0,1.3-0.5,2.5-1.3,3.4L6.5,6C7.5,5.2,8.7,4.7,10,4.7C13,4.7,15.4,7,15.4,10z M4.6,10c0-1.2,0.4-2.2,1-3.1l7.5,7.4
+  		c-0.9,0.7-2,1-3.2,1C7,15.3,4.6,13,4.6,10z"/>
+  </g>
+</svg>
diff --git a/public/images/line-icons/icon-commit.svg b/public/images/line-icons/icon-commit.svg
new file mode 100644
index 00000000..0e73d9cf
--- /dev/null
+++ b/public/images/line-icons/icon-commit.svg
@@ -0,0 +1,24 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+	<g id="Commit">
+		<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
+			c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
+			c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
+			c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
+			c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
+			c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
+			c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
+			c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
+			c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
+			L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
+			c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
+			c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
+			c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
+			c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
+			c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
+			c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
+			c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
+			c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
+			c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
+			c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
+	</g>
+</svg>
diff --git a/public/images/line-icons/icon-errored.svg b/public/images/line-icons/icon-errored.svg
new file mode 100644
index 00000000..470f2f88
--- /dev/null
+++ b/public/images/line-icons/icon-errored.svg
@@ -0,0 +1,8 @@
+<svg version="1.1" id="Layer_1" x="0px" y="0px"
+	 viewBox="-519 391 20 20" style="enable-background:new -519 391 20 20;" xml:space="preserve">
+	<g>
+			<path fill="#A5ACAD" d="M-508.9,403.2c-0.3,0-0.6-0.3-0.6-0.6V395c0-0.3,0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6v7.6
+				C-508.2,402.9-508.5,403.2-508.9,403.2z"/>
+			<circle fill="#A5ACAD" cx="-508.9" cy="406.5" r="1.2"/>
+	</g>
+</svg>
diff --git a/public/images/line-icons/icon-failed.svg b/public/images/line-icons/icon-failed.svg
new file mode 100644
index 00000000..f8321d14
--- /dev/null
+++ b/public/images/line-icons/icon-failed.svg
@@ -0,0 +1,8 @@
+<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"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+  <g id="Failed">
+  	<path fill="#A7AEAE" d="M10.9,10l3.9-3.9c0.2-0.2,0.2-0.6,0-0.9c-0.2-0.2-0.6-0.2-0.9,0L10,9.1L6.1,5.2c-0.2-0.2-0.6-0.2-0.9,0
+  		c-0.2,0.2-0.2,0.6,0,0.9L9.1,10l-3.9,3.9c-0.2,0.2-0.2,0.6,0,0.9C5.3,14.9,5.5,15,5.6,15s0.3-0.1,0.4-0.2l3.9-3.9l3.9,3.9
+  		c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.9L10.9,10z"/>
+  </g>
+</svg>
diff --git a/public/images/line-icons/icon-no-builds.svg b/public/images/line-icons/icon-no-builds.svg
new file mode 100644
index 00000000..3a9f2ee9
--- /dev/null
+++ b/public/images/line-icons/icon-no-builds.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="NoBuild">
+	<g>
+		<path fill="#A7AEAE" d="M10,16.2c-3.4,0-6.1-2.8-6.1-6.2S6.6,3.8,10,3.8s6.1,2.8,6.1,6.2S13.4,16.2,10,16.2z M10,5.2
+			c-2.7,0-4.9,2.2-4.9,4.8s2.2,4.8,4.9,4.8s4.9-2.2,4.9-4.8S12.7,5.2,10,5.2z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/images/line-icons/icon-passed.svg b/public/images/line-icons/icon-passed.svg
new file mode 100644
index 00000000..03886858
--- /dev/null
+++ b/public/images/line-icons/icon-passed.svg
@@ -0,0 +1,9 @@
+<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"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Passed">
+	<g>
+		<path fill="#A7AEAE" d="M9.6,14.4c-0.1,0-0.3-0.1-0.4-0.1l-4-3.3c-0.3-0.2-0.3-0.6-0.1-0.9S5.8,9.8,6.1,10l3.4,2.8l4.9-7.5
+			C14.6,5,15,4.9,15.3,5.1c0.3,0.2,0.4,0.6,0.2,0.9l-5.3,8.1C10.1,14.3,9.9,14.4,9.6,14.4C9.7,14.4,9.7,14.4,9.6,14.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/images/line-icons/icon-pull.svg b/public/images/line-icons/icon-pull.svg
new file mode 100644
index 00000000..b89de964
--- /dev/null
+++ b/public/images/line-icons/icon-pull.svg
@@ -0,0 +1,15 @@
+<svg version="1.1" id="Layer_1" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+	<g id="Pull">
+		<path fill="#A7AEAE" d="M8,4.5C8,3.1,6.9,2,5.5,2S3,3.1,3,4.5c0,1.1,0.8,2.1,1.8,2.4v6.5c-1,0.3-1.8,1.2-1.8,2.4
+			c0,1.4,1.1,2.5,2.5,2.5S8,17,8,15.7c0-1.1-0.8-2.1-1.8-2.4V6.8C7.2,6.6,8,5.6,8,4.5z M4.3,4.5c0-0.6,0.5-1.2,1.2-1.2
+			s1.2,0.5,1.2,1.2S6.1,5.6,5.5,5.6S4.3,5.1,4.3,4.5z M6.7,15.7c0,0.6-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
+			S6.7,15,6.7,15.7z"/>
+		<path fill="#A7AEAE" d="M15.1,13.3v-6c0-1-0.3-1.9-0.9-2.4c-1-0.9-2.4-0.8-2.4-0.8h-1c0.3-0.3,0.7-0.7,1-1c0.3-0.3,0.3-0.7,0-0.9
+			s-0.7-0.3-0.9,0c-1.2,1.2-1.7,1.7-2,2C8.8,4.2,8.7,4.3,8.6,4.4c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
+			c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.3c0.3,0.3,0.8,0.9,2,2c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2
+			c0.3-0.3,0.3-0.7,0-0.9c-0.3-0.3-0.7-0.7-1-1l1,0c0,0,0.9,0,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.5v6.1c-1,0.3-1.8,1.2-1.8,2.4
+			c0,1.4,1.1,2.5,2.5,2.5S17,17,17,15.7C17,14.5,16.2,13.6,15.1,13.3z M14.5,16.8c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
+			s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
+	</g>
+</svg>
diff --git a/public/images/line-icons/icon-push.svg b/public/images/line-icons/icon-push.svg
new file mode 100644
index 00000000..0b41fc5b
--- /dev/null
+++ b/public/images/line-icons/icon-push.svg
@@ -0,0 +1,8 @@
+<svg version="1.1" id="Layer_1" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+  <g id="Push">
+  	<path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
+  		c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
+  		c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
+  </g>
+</svg>
diff --git a/public/images/line-icons/icon-tofuburger.svg b/public/images/line-icons/icon-tofuburger.svg
new file mode 100644
index 00000000..ea96c076
--- /dev/null
+++ b/public/images/line-icons/icon-tofuburger.svg
@@ -0,0 +1,10 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+	<g id="Tofuburger">
+		<path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
+			C18.5,6,18.2,6.2,17.9,6.2z"/>
+		<path fill="#A7AEAE" d="M17.9,10.6H2.1c-0.4,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6S18.2,10.6,17.9,10.6z
+			"/>
+		<path fill="#A7AEAE" d="M17.9,15H2.1c-0.4,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6
+			C18.5,14.7,18.2,15,17.9,15z"/>
+	</g>
+</svg>
diff --git a/public/images/line-icons/icon-trigger.svg b/public/images/line-icons/icon-trigger.svg
new file mode 100644
index 00000000..92930768
--- /dev/null
+++ b/public/images/line-icons/icon-trigger.svg
@@ -0,0 +1,8 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+  <g id="Trigger">
+  	<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
+  		c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
+  		S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
+  		c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
+  </g>
+</svg>
diff --git a/public/images/line-icons/icon-view.svg b/public/images/line-icons/icon-view.svg
new file mode 100644
index 00000000..198c0ab6
--- /dev/null
+++ b/public/images/line-icons/icon-view.svg
@@ -0,0 +1,9 @@
+<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
+	<g id="View">
+		<path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
+			s7.3-4,7.4-4.1C17.6,10.2,17.6,9.8,17.4,9.6z M10,13.2c-2.8,0-5.2-2.3-6.1-3.2C4.8,9.1,7.2,6.8,10,6.8c2.8,0,5.2,2.3,6.1,3.2
+			C15.2,10.9,12.8,13.2,10,13.2z"/>
+		<path fill="#A7AEAE" d="M10,7c-1.5,0-2.6,1.3-2.6,3s1.2,3,2.6,3s2.6-1.3,2.6-3S11.5,7,10,7z M10,11.7c-0.7,0-1.3-0.7-1.3-1.7
+			S9.3,8.3,10,8.3s1.3,0.7,1.3,1.7S10.7,11.7,10,11.7z"/>
+	</g>
+</svg>