diff --git a/_src/_assets/styles/page-front.scss b/_src/_assets/styles/page-front.scss
index 6f214c9..1151799 100644
--- a/_src/_assets/styles/page-front.scss
+++ b/_src/_assets/styles/page-front.scss
@@ -127,10 +127,22 @@
         margin: auto;
         margin-bottom: $spacer;
     }
+}
 
-    .comingsoon {
+.comingsoon {
+    display: block;
+    color: $gray-light;
+}
+
+
+.section-whitepaper {
+    .icon {
+        stroke: $brand-main-gray;
+        stroke-dasharray: 4,4;
+        opacity: .3;
         display: block;
-        color: $gray-light;
+        margin: auto;
+        margin-bottom: $spacer;
     }
 }
 
diff --git a/_src/index.html b/_src/index.html
index 02f4785..efb1141 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -47,13 +47,26 @@ front_page: true
                 <svg class="icon">
                     <use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
                 </svg>
-                Open Source &amp; Whitepaper
+                Open Source
                 <span class="comingsoon">Coming Soon</span>
             </p>
         </div>
     </div>
 </section>
 
+<section class="section section-whitepaper">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">Whitepaper</h1>
+        </header>
+
+        <svg class="icon">
+            <use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
+        </svg>
+        <p class="text-center comingsoon">Coming soon</p>
+    </div>
+</section>
+
 <section id="earlyaccess" class="section section-earlyaccess background--gray">
     <div class="row">
         <header class="section-header">