diff --git a/assets/styles/layouts/_layout-content-wrapper.scss b/assets/styles/layouts/_layout-content-wrapper.scss
index 31e896503..918e7480b 100644
--- a/assets/styles/layouts/_layout-content-wrapper.scss
+++ b/assets/styles/layouts/_layout-content-wrapper.scss
@@ -3,6 +3,7 @@
   width: 75%;
   position: relative;
   border-radius: $border-radius 0 0 $border-radius;
+  overflow: hidden;
 
   .copyright {
     padding: .5rem 1rem .5rem .5rem;
diff --git a/assets/styles/layouts/_layout-landing.scss b/assets/styles/layouts/_layout-landing.scss
new file mode 100644
index 000000000..3330239d8
--- /dev/null
+++ b/assets/styles/layouts/_layout-landing.scss
@@ -0,0 +1,101 @@
+.cards {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  .group {
+    display: flex;
+    background: linear-gradient(127deg, $landing-sm-gradient-left, $landing-sm-gradient-right);
+    flex-wrap: wrap;
+  }
+
+  .card {
+    text-align: center;
+
+    &.full {
+      width: 100%;
+      padding: 5rem 2rem;
+    }
+
+    &.quarter {
+      flex-grow: 2;
+      margin: 1px;
+      padding: 2rem;
+      background: rgba($landing-sm-gradient-overlay, .5);
+      transition: background-color .4s;
+      &:hover {
+        background: rgba($landing-sm-gradient-overlay, 0);
+      }
+    }
+
+    h1,h2,h3,h4 {
+      font-family: $klavika;
+      font-weight: 300;
+      font-style: italic;
+      text-align: center;
+      color: $g20-white;
+    }
+
+    h1 {
+      margin: 0 0 1.25rem;
+      font-size: 2.25rem;
+    }
+
+    h3 { font-size: 1.35rem;}
+
+    &#get-started {
+      background: linear-gradient(127deg, $landing-lg-gradient-left, $landing-lg-gradient-right );
+      text-align: center;
+
+      .btn {
+        display: inline-block;
+        padding: .85rem 1.5rem;
+        color: $g20-white;
+        font-weight: bold;
+        background: rgba($g20-white, .1);
+        border: 2px solid rgba($g20-white, .5);
+        border-radius: $border-radius;
+        transition: background-color .2s, color .2s;
+
+        &:hover {
+          background: $g20-white;
+          color: $b-pool;
+        }
+      }
+    }
+  }
+}
+
+////////////////////////////////////////////////////////////////////////////////
+///////////////////////////////// MEDIA QUERIES ////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+
+@include media(large) {
+  .cards {
+    .card {
+      &.full { padding: 3.5rem;}
+      &.quarter { width: 48%; }
+    }
+  }
+}
+
+@include media(small) {
+  .cards {
+    .group { flex-direction: column; }
+    .card{
+      &.full { padding: 2.5rem;}
+      &.quarter {
+        width: 100%;
+        max-width: 100%;
+        padding: 1.25rem;
+      }
+      h1 { font-size: 2rem; }
+    }
+  }
+}
diff --git a/assets/styles/layouts/_layout-topnav.scss b/assets/styles/layouts/_layout-topnav.scss
index 1ca72c5b8..8b3280e17 100644
--- a/assets/styles/layouts/_layout-topnav.scss
+++ b/assets/styles/layouts/_layout-topnav.scss
@@ -130,6 +130,10 @@
     &#theme-switch-dark { display: $theme-switch-dark; }
     &#theme-switch-light { display: $theme-switch-light; }
   }
+
+  #search-btn {
+    opacity: 0;
+  }
 }
 
 ////////////////////////////////////////////////////////////////////////////////
diff --git a/assets/styles/styles-default.scss b/assets/styles/styles-default.scss
index 41d4bda93..e1746af52 100644
--- a/assets/styles/styles-default.scss
+++ b/assets/styles/styles-default.scss
@@ -17,4 +17,5 @@
         "layouts/layout-content-wrapper",
         "layouts/layout-article",
         "layouts/syntax-highlighting",
+        "layouts/layout-landing",
         "layouts/layout-error-page";
diff --git a/assets/styles/themes/_theme-dark.scss b/assets/styles/themes/_theme-dark.scss
index 227b14417..cbdafc7e5 100644
--- a/assets/styles/themes/_theme-dark.scss
+++ b/assets/styles/themes/_theme-dark.scss
@@ -137,3 +137,10 @@ $error-page-btn: $b-ocean !default;
 $error-page-btn-text: $g20-white !default;
 $error-page-btn-hover: $g20-white !default;
 $error-page-btn-hover-text: $b-ocean !default;
+
+// Landing Page colors
+$landing-lg-gradient-left: $b-ocean !default;
+$landing-lg-gradient-right: $b-pool !default;
+$landing-sm-gradient-left: $p-planet !default;
+$landing-sm-gradient-right: $p-star !default;
+$landing-sm-gradient-overlay: $p-shadow !default;
diff --git a/assets/styles/themes/_theme-light.scss b/assets/styles/themes/_theme-light.scss
index e352dd786..aad767491 100644
--- a/assets/styles/themes/_theme-light.scss
+++ b/assets/styles/themes/_theme-light.scss
@@ -136,3 +136,10 @@ $error-page-btn: $b-ocean;
 $error-page-btn-text: $g20-white;
 $error-page-btn-hover: $b-pool;
 $error-page-btn-hover-text: $g20-white;
+
+// Landing Page colors
+$landing-lg-gradient-left: $b-ocean;
+$landing-lg-gradient-right: $b-pool;
+$landing-sm-gradient-left: $p-star;
+$landing-sm-gradient-right: $p-comet;
+$landing-sm-gradient-overlay: $p-planet;
diff --git a/content/v2.0/_index.md b/content/v2.0/_index.md
index e0cb26b13..ac3d16b97 100644
--- a/content/v2.0/_index.md
+++ b/content/v2.0/_index.md
@@ -1,11 +1,26 @@
 ---
-title: InfluxDB v2.0
-seotitle: This is the SEO title for InfluxDB v2.0
-description: placeholder
+description: >
+  InfluxDB is an open source time series database designed to handle high write and query loads.
+  Learn how to use and leverage InfluxDB in use cases such as monitoring metrics, IoT data, and events.
 layout: version-landing
 menu:
   versions:
     name: v2.0
 ---
 
-_This placeholder content for the landing page for v2.0._
+#### Welcome
+Welcome to the InfluxDB v2.0 documentation!
+InfluxDB is an open source time series database designed to handle high write and query loads.
+
+This documentation is meant to help you learn how to use and leverage InfluxDB to meet your needs.
+Common use cases include infrastructure monitoring, IoT data collection, events handling and more.
+If your use case involves time series data, InfluxDB is purpose-built to handle it.
+
+{{% note %}}
+This is an alpha release of InfluxDB v2.0.
+Feedback and bug reports are welcome and encouraged both for InfluxDB and this documentation.
+Issue tracking is managed through Github.
+
+[Submit an InfluxDB issue](https://github.com/influxdata/influxdb/issues/new)  
+[Submit a documentation issue](https://github.com/influxdata/docs-v2/issues/new)
+{{% /note %}}
diff --git a/layouts/_default/version-landing.html b/layouts/_default/version-landing.html
index 35d996e1c..a74423a9c 100644
--- a/layouts/_default/version-landing.html
+++ b/layouts/_default/version-landing.html
@@ -4,11 +4,30 @@
   {{ partial "sidebar.html" . }}
   <div class="content-wrapper">
     <div class="sidebar-toggle" onclick="toggle_sidebar('sidebar-open');return false;"><a href="#">&#59675;</a></div>
-    
+
     <div class="cards">
-      <div class="full">
-        <h1>{{ $.Page.Title }}</h1>
+      <div class="card full" id="get-started">
+        {{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) }}
+        <h1>InfluxDB {{ $currentVersion }} Documentation</h1>
         <a class="btn" href="get-started">Get Started</a>
+      </div>
+      <div class="group">
+
+        <a class="card quarter" href="collect-data">
+          <h3>Collect Data</h3>
+        </a>
+
+        <a class="card quarter"href="query-data">
+          <h3>Query Data</h3>
+        </a>
+
+        <a class="card quarter" href="visualize-data">
+          <h3>Visualize Data</h3>
+        </a>
+
+        <a class="card quarter" href="process-data">
+          <h3>Process Data</h3>
+        </a>
 
       </div>
     </div>