diff --git a/examples/article.html b/examples/article.html
index 2b7ee62..46b6106 100644
--- a/examples/article.html
+++ b/examples/article.html
@@ -9,7 +9,7 @@
       title: Demo Title Attention and Augmented Recurrent Neural Networks
       published: Jan 10, 2017
       authors:
-      - Chris Olah:
+      - Chris Olah: http://shancarter.com
       - Shan Carter: http://shancarter.com
       affiliations:
       - Google Brain
@@ -21,8 +21,8 @@
 <body>
 <d-article>
   <d-title>
-    <h1>Attention and Augmented Recurrent Neural Networks</h1>
-    <h2>Although extremely useful for visualizing high-dimensional data, t-SNE plots can sometimes be mysterious or misleading. By exploring how it behaves in simple cases, we can learn to use it more effectively.</h2>
+    <h1>How to Use t-SNE Effectively</h1>
+    <h2>Although extremely useful for visualizing high-dimensional data, t-SNE plots can sometimes be mysterious or misleading.</h2>
     <d-byline></d-byline>
   </d-title>
   <!-- <d-abstract>
diff --git a/src/components/d-byline.js b/src/components/d-byline.js
index 63aeb3d..4e1276b 100644
--- a/src/components/d-byline.js
+++ b/src/components/d-byline.js
@@ -8,10 +8,7 @@ const T = Template('d-byline', `
     font-size: 13px;
     line-height: 20px;
     display: block;
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     color: rgba(0, 0, 0, 0.6);
-    padding-top: 20px;
     padding-bottom: 20px;
   }
   ${page('.byline')}
@@ -54,65 +51,47 @@ const T = Template('d-byline', `
   .citation div {
     display: inline;
   }
+  .byline {
+    line-height: 1.8em;
+  }
+  .byline::after {
+    content: "";
+    display: block;
+    border-bottom: solid 1px #999;
+    width: 40px;
+    margin-top: 60px;
+  }
 
   @media screen and (min-width: 768px), print {
     d-byline {
       border-bottom: none;
     }
-
     a:hover {
       color: rgba(0, 0, 0, 0.9);
     }
-
     .authors {
-      display: inline-block;
     }
-
     .author {
-      display: inline-block;
       margin-right: 12px;
-      /*padding-left: 20px;*/
-      /*border-left: 1px solid #ddd;*/
     }
-
     .affiliation {
-      display: block;
+      display: inline;
     }
-
     .author:last-child {
       margin-right: 0;
     }
-
     .name {
-      display: block;
+      margin-right: 10px;
     }
-
     .date {
-
-      border-left: 1px solid rgba(0, 0, 0, 0.1);
-      padding-left: 15px;
-      margin-left: 15px;
+      display: none;
       margin-top: 0;
-      display: inline-block;
     }
     .year, .month {
-      display: block;
     }
-
     .citation {
-      align-self: flex-end;
-      border-left: 1px solid rgba(0, 0, 0, 0.15);
-      padding-left: 15px;
-      margin-left: 15px;
-      display: inline-block;
     }
     .citation div {
-      display: block;
-    }
-
-    .byline {
-      display: flex;
-      min-height: 40px;
     }
   }
 </style>
@@ -142,7 +121,6 @@ export function bylineTemplate(frontMatter) {
     <div class="year">${frontMatter.publishedYear}</div>
   </div>
   <a class="citation" href="#citation">
-    <div>Citation:</div>
     <div>${frontMatter.concatenatedAuthors}, ${frontMatter.publishedYear}</div>
   </a>
   `;
diff --git a/src/components/d-title.js b/src/components/d-title.js
index 8839476..4c5510f 100644
--- a/src/components/d-title.js
+++ b/src/components/d-title.js
@@ -8,13 +8,11 @@ const T = Template('d-title', `
   box-sizing: border-box;
   display: block;
   width: 100%;
-  margin-bottom: 64px;
+  margin-bottom: 36px;
 }
-
-
 ::slotted(h1) {
   padding-top: 16px;
-  padding-bottom: 16px;
+  padding-bottom: 12px;
   margin: 0;
   line-height: 1.15;
   font-size: 32px;
@@ -23,11 +21,13 @@ const T = Template('d-title', `
 
 ::slotted(h2) {
   border-bottom: none !important;
-  font-size: 22px !important;
+  font-size: 26px !important;
   font-weight: 300 !important;
   padding-top: 0 !important;
+  padding-bottom: 0 !important;
   line-height: 1.5em !important;
   margin-top: 0 !important;
+  margin-bottom: 24px !important;
 }
 
 @media screen and (min-width: 768px), print {
@@ -38,7 +38,7 @@ const T = Template('d-title', `
 @media(min-width: 1024px) {
   ::slotted(h1) {
     padding-top: 64px;
-    font-size: 48px;
+    font-size: 42px;
   }
 }
 @media(min-width: 1280px) {
