more front page content, tweak global font sizes

_src/_assets/scss/_menus.scss

@@ -11,7 +11,7 @@
     display: inline-block;
     padding: $spacer;
     text-decoration: none;
-    font-size: $font-size-base;
+    font-size: $font-size-small;
     color: $brand-04;
     position: relative;
 

_src/_assets/scss/_variables.scss

@@ -15,8 +15,8 @@ $brand-07:                  #0e475d !default;
 $font-family-base:          'futura-pt', 'Futura PT', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
 $font-family-monospace:     Menlo, Monaco, Consolas, 'Courier New', monospace !default;
 
-$font-size-root:            18px !default;
-$font-size-root-lg:         20px !default;
+$font-size-root:            20px !default;
+$font-size-root-lg:         22px !default;
 $line-height:               1.4 !default;
 $spacer:                    1rem !default;
 
@@ -25,8 +25,8 @@ $font-weight-normal:        400 !default;
 $font-weight-bold:          500 !default;
 
 $font-size-base:            1rem !default;
-$font-size-large:           1.2rem !default;
-$font-size-small:           .8rem !default;
+$font-size-large:           1.25rem !default;
+$font-size-small:           .9rem !default;
 $font-size-mini:            .7rem !default;
 
 $font-size-h1:              2rem !default;

_src/_assets/scss/page-front.scss

@@ -0,0 +1,16 @@
+@import 'variables';
+
+.feature {
+    padding-top: $spacer * 2;
+    padding-bottom: $spacer * 2;
+    min-height: 235px;
+}
+
+.feature__image {
+
+}
+
+.feature__title {
+    font-size: $font-size-h3;
+    margin-bottom: $spacer / 4;
+}

_src/_data/content-front.yml

@@ -8,6 +8,17 @@ intro:
     text: |
         IPDB is a planetary-scale blockchain database built on [BigchainDB](https://www.bigchaindb.com). It’s a ready-to-use public network with a focus on strong governance. It shares all the features of BigchainDB to make developers’ lives easier.
 
+    features:
+        - title: "A single public database"
+          text: "IPDB gives you easy access to a single public, decentralized database with added blockchain characteristics—all built on top of open source BigchainDB."
+        - title: "No installation required—just sign up and go"
+          text: "All you have to do is sign up to start using IPDB. IPDB Caretakers will handle running a BigchainDB network for you."
+        - title: "Store any data, permanently"
+          text: "IPDB allows you to store data indefinitely. It provides blockchain-style tamper-resistance and database-style queryability to give you the best of both worlds."
+        - title: "Governed by Caretakers"
+          text: "The IPDB Foundation is run by its internet-loving Caretakers around the world."
+        - title: "A Dashboard for your IPDB apps"
+          text: "Manage your apps, give users access, and get statistical insights about your app’s API usage."
 
 foundation:
     title: "IPDB Foundation: human-scale governance"

_src/index.html

@@ -1,6 +1,8 @@
 ---
 layout: base
 front_page: true
+
+css: page-front
 ---
 
 {% assign content = site.data.content-front %}
@@ -27,6 +29,23 @@ front_page: true
 
         {{ content.intro.text | markdownify }}
 
+        <section class="features">
+            {% for feature in content.intro.features %}
+            <div class="feature">
+                <div class="grid grid--half grid-medium--columns grid--justifycenter grid--gutters">
+                    <div class="grid__col grid__col--2">
+                        <figure class="feature__image"></figure>
+                    </div>
+
+                    <div class="grid__col grid__col--4">
+                        <h1 class="feature__title">{{ feature.title }}</h1>
+                        <p class="feature__text">{{ feature.text }}</p>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </section>
+
         <a class="hero__action button button--primary" href="{{ site.signup.link }}">{{ site.signup.button }}</a>
         <a href="" class="button button--text">Read IPDB Documentation</a>
     </div>