diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index 6cfc96e9..1d51bbb4 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -31,10 +31,15 @@ h1, h2, h3, h4, h5, h6 {
 h1 {
     @extend .xxlarge;
     font-family: 'ostrichSans';
-    margin-bottom: 2rem;
+    line-height: 2.7rem;
+    span {
+        @include ellipsis(250px);
+    }
     .green {
         color: $greenTaiga;
-        margin-left: .3rem;
+    }
+    .date {
+        color: $grayLight;
     }
 }
 
diff --git a/app/styles/modules/nav.scss b/app/styles/modules/nav.scss
index ba66ba2c..301d0929 100644
--- a/app/styles/modules/nav.scss
+++ b/app/styles/modules/nav.scss
@@ -4,14 +4,14 @@
     background-attachment: fixed;
     background-position: left bottom;
     flex-wrap: wrap;
-    padding: 2em .3em;
+    padding: 2rem .3rem;
     font-family: 'ostrichSans';
     height: 100%;
     position: fixed;
 }
 
 .logo {
-    margin-bottom: 1em;
+    margin-bottom: 2rem;
     img {
         width: 100%;
     }
@@ -19,12 +19,11 @@
 
 .main-nav {
     text-align: center;
-    margin-bottom: 3em;
     list-style: none;
     padding: 0;
     position: relative;
     li {
-        margin-bottom: 1em;
+        margin-bottom: 1rem;
     }
     a {
         color: $white;
@@ -59,7 +58,7 @@
     width: 80px;
     padding: 0 10px;
     position: absolute;
-    bottom: 1em;
+    bottom: 1rem;
     .popover {
         @include popover(150px, "", 30px, 30px);
         a{
@@ -87,7 +86,7 @@
     .settings {
         text-align: center;
         a {
-            margin-right: .5em;
+            margin-right: .5rem;
             color: $whitish;
             &:hover {
                 @include transition (color .3s linear);
diff --git a/app/taskboard.jade b/app/taskboard.jade
new file mode 100644
index 00000000..ff13afbd
--- /dev/null
+++ b/app/taskboard.jade
@@ -0,0 +1,11 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    section.main.usstory
+        h1
+            span ProjectName
+            span.green Sprint Name
+            span.date 02/10/2014-15/10/2014
diff --git a/app/usstory-detail.jade b/app/usstory-detail.jade
new file mode 100644
index 00000000..5cf3296e
--- /dev/null
+++ b/app/usstory-detail.jade
@@ -0,0 +1,12 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    section.main.usstory
+        include views/components/mainTitle
+
+    sidebar.menu-secondary.sidebar
+
+
diff --git a/app/views/components/mainTitle.jade b/app/views/components/mainTitle.jade
index bc7e5711..96f0d18a 100644
--- a/app/views/components/mainTitle.jade
+++ b/app/views/components/mainTitle.jade
@@ -1,2 +1,3 @@
-h1 ProjectName
-  span.green Title
+h1
+    span ProjectName
+    span.green Title