make some spacing changes to the main page

content/index.html

 ---
 title: Home
 ---
-<div class="row">
+<div class="main">
+  <div class="row">
     <div class="col-md-4">
       <h2><i class="fa fa-flask"></i> Data Model</h2>
-    <p>Prometheus implements a highly dimensional data model. Timeseries are identified by a metric name and a set of key-value pairs.</p>
+      <p class="desc">Prometheus implements a highly dimensional data model. Timeseries are identified by a metric name and a set of key-value pairs.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-search"></i> Query Language</h2>
-    <p>A flexible query languge allows slicing and dicing of collected timeseries data in order to generate ad-hoc graphs, tables, and alerts.</p>
+      <p class="desc">A flexible query languge allows slicing and dicing of collected timeseries data in order to generate ad-hoc graphs, tables, and alerts.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-line-chart"></i> Visualization</h2>
-    <p>Prometheus supports multiple modes for visualizing data: a built-in expression browser, a GUI-based dashboard builder, and a console template language.</p>
+      <p class="desc">Prometheus supports multiple modes for visualizing data: a built-in expression browser, a GUI-based dashboard builder, and a console template language.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
-</div>
-<div class="row">
+  </div>
+  <div class="row">
     <div class="col-md-4">
       <h2><i class="fa fa-cloud-download"></i> Pull Model</h2>
-    <p>Prometheus collects timeseries data by scraping instrumented services via HTTP. Short-lived jobs are supported via a push gateway.</p>
+      <p class="desc">Prometheus collects timeseries data by scraping instrumented services via HTTP. Short-lived jobs are supported via a push gateway.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-database"></i> Storage</h2>
-    <p>Prometheus stores timeseries in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
+      <p class="desc">Prometheus stores timeseries in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-cog"></i> Operation</h2>
-    <p>Prometheus servers are autonomous, with no dependency on distributed storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
+      <p class="desc">Prometheus servers are autonomous, with no dependency on distributed storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
-</div>
-<div class="row">
+  </div>
+  <div class="row">
     <div class="col-md-4">
       <h2><i class="fa fa-code"></i> Client Libraries</h2>
-    <p>Client libraries allow easy instrumentation of services. Currently, Go, Java, and Ruby are supported. Custom libraries are easy to implement.</p>
+      <p class="desc">Client libraries allow easy instrumentation of services. Currently, Go, Java, and Ruby are supported. Custom libraries are easy to implement.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-warning"></i> Alerting</h2>
-    <p>Alerts are defined based on Prometheus's flexible query language and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
+      <p class="desc">Alerts are defined based on Prometheus's flexible query language and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
     <div class="col-md-4">
       <h2><i class="fa fa-cloud-upload"></i> Exporters</h2>
-    <p>Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
+      <p class="desc">Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
       <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
+  </div>
 </div>

layouts/header.html

@@ -41,11 +41,11 @@
           <a class="navbar-brand" href="/">Prometheus</a>
         </div>
         <div class="collapse navbar-collapse" id="navbar">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="/">OVERVIEW</a></li>
-            <li><a href="/docs">DOCUMENTATION</a></li>
-            <li><a href="/community">COMMUNITY</a></li>
-            <li><a href="https://github.com/prometheus"><i class="fa fa-github"></i> GITHUB</a></li>
+          <ul class="nav navbar-nav navbar-right main-nav">
+            <li><a href="/">Overview</a></li>
+            <li><a href="/docs">Documentation</a></li>
+            <li><a href="/community">Community</a></li>
+            <li><a href="https://github.com/prometheus"><i class="fa fa-github"></i> Github</a></li>
           </ul>
         </div>
       </div>

layouts/jumbotron.html

@@ -3,7 +3,7 @@
 <div class="jumbotron">
   <div class="container">
     <h1>Prometheus</h1>
-    <p>An open-source service monitoring system and timeseries database.</p>
+    <p class="subtitle">An open-source service monitoring system and timeseries database.</p>
     <p><a class="btn btn-default btn-lg" href="/docs/introduction/overview" role="button">Get Started</a></p>
   </div>
 </div>

static/docs.css

@@ -80,3 +80,30 @@ pre {
 code {
   color: #333;
 }
+
+.main p {
+  font-size: 16px;
+  line-height: 1.8em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+.main .desc {
+  margin-bottom: 20px;
+}
+
+.main-nav {
+  letter-spacing: 1px;
+  font-family: Avenir, 'Open Sans', serif;
+  font-size: 12px;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+.jumbotron {
+  padding: 40px 0;
+}
+
+.jumbotron .subtitle {
+  margin-bottom: 20px;
+}