copy updates

_src/_assets/styles/bigchain.scss

@@ -21,6 +21,7 @@
 @import 'bigchain/_logo';
 @import 'bigchain/_icons';
 @import 'bigchain/_grid';
+@import 'bigchain/_media';
 @import 'bigchain/_sections';
 @import 'bigchain/_alerts';
 @import 'bigchain/_footer';

_src/_assets/styles/bigchain/_media.scss

@@ -0,0 +1,5 @@
+
+.img__responsive {
+    max-width: 100%;
+    height: auto;
+}

_src/_assets/styles/page-front.scss

@@ -32,7 +32,8 @@
     }
 
     .logo {
-        fill-opacity: .6;
+        fill: #fff;
+        fill-opacity: .8;
         margin: auto;
         max-width: 31em;
 
@@ -49,10 +50,10 @@
         &:after { display: none }
     }
 
-    .btn-link {
+    .btn {
         color: #fff;
         margin-top: ($spacer * 4);
-        opacity: .7;
+        opacity: .8;
 
         &:hover,
         &:focus { opacity: 1; }
@@ -67,23 +68,10 @@
         }
     }
 
-    .btn {
-        &:hover,
-        &:focus,
-        &:active {
-            text-shadow: none;
-        }
-    }
-
-    .btn-link {
-
-    }
-
     // intro animation
     .logo,
     .section-title,
-    .btn,
-    .hero__comingsoon {
+    .btn {
         @extend .animation-slide-in-from-bottom;
         animation-duration: 1s;
         animation-fill-mode: backwards;
@@ -94,20 +82,16 @@
     }
 
     .section-title,
-    .btn,
-    .hero__comingsoon {
+    .btn {
         @extend .animation-slide-in-from-bottom;
         animation-play-state: paused;
     }
 
-    .hero__comingsoon { animation-delay: .2s; }
-    .btn              { animation-delay: .4s; }
-    .btn-link         { animation-delay: .6s; }
+    .btn { animation-delay: .2s; }
 
     &.is-ready {
         .section-title,
-        .btn,
-        .hero__comingsoon {
+        .btn {
             animation-play-state: running;
         }
     }
@@ -132,22 +116,21 @@
     text-align: center;
     border-bottom: 1px solid lighten($brand-main-gray, 40%);
 
+    figure {
+        display: block;
+        margin-bottom: ($spacer * 3);
+        margin-top: -($spacer * 3);
+    }
+
     .icon {
         display: block;
         margin: auto;
         margin-bottom: $spacer;
     }
-}
 
-
-.section-whitepaper {
-    .icon {
-        stroke: $brand-main-gray;
-        stroke-dasharray: 4,4;
-        opacity: .3;
+    .comingsoon {
         display: block;
-        margin: auto;
-        margin-bottom: $spacer;
+        color: $gray-light;
     }
 }
 

_src/index.html

@@ -11,11 +11,8 @@ front_page: true
                 <title>Logo</title>
                 <use xlink:href="/assets/img/sprite.svg#logo"></use>
             </svg>
-            <h1 class="section-title">Meet Bigchain, the world’s most scalable blockchain.</h1>
-            <p>
-                <span class="hero__comingsoon">Coming soon</span>
-                <a href="#earlyaccess" class="btn btn-secondary-outline">Get Early Access</a>
-            </p>
+            <h1 class="section-title">Meet Bigchain, the world’s most scalable blockchain. Coming soon.</h1>
+
             <a href="#benchmarks" class="btn btn-link btn-sm">Learn More <svg class="icon">
                 <use xlink:href="/assets/img/sprite.svg#icon-caret"></use>
             </svg></a>
@@ -26,10 +23,13 @@ front_page: true
 <section id="benchmarks" class="section section-benchmarks">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">Key Features</h1>
-            <p class="section-description">Something like a value proposition also would fit here, just something to explain what exactly Bigchain is, what I can do with it and so on.</p>
+            <h1 class="section-title">This is Bigchain. 100K writes/s, sustained.</h1>
         </header>
 
+        <figure>
+            <img class="img__responsive" src="/assets/img/graph.png" width="672" height="226">
+        </figure>
+
         <div class="grid grid--full grid-small--fit grid--gutters">
             <p class="grid__col">
                 <svg class="icon">
@@ -47,26 +47,13 @@ front_page: true
                 <svg class="icon">
                     <use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
                 </svg>
-                Open Source
+                Open Source &amp; Whitepaper
+                <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>
-            <p class="section-description">Create excitement by saying here what the whitepaper will contain and why visitors would want it.<p>
-        </header>
-
-        <svg class="icon">
-            <use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
-        </svg>
-        <p class="text-center">Coming soon</p>
-    </div>
-</section>
-
 <section id="earlyaccess" class="section section-earlyaccess background--gray">
     <div class="row">
         <header class="section-header">