diff --git a/www/index.html b/www/index.html
index be387e4..3587e2c 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,3 +1,45 @@
 <html>
-<!-- hello world -->
+  <head>
+    <link rel="stylesheet" href="main.css">
+  </head>
+
+  <body>
+    <header>
+      <h1> Gating </h1>
+      <p>
+        A software development workflow that builds on
+        automated testing to speed development and deployment
+      </p>
+    </header>
+
+    <article>
+      <p>
+        Humans are bad at boring repetitive tasks. There are no tasks more boring
+        and repetitive than running a set of tests and waiting for them to finish.
+      </p>
+
+      <p>
+        Computers are excellent at boring and repetitive tasks, but are terrible
+        at making judgement calls. A computer can easily run tests over and over
+        again and consistently report success or failure.
+      </p>
+
+      <p>
+        Gating empowers humans to focus on creativity and judgement by completely
+        removing their ability to do boring tasks like merging code if and only if
+        if works.
+      </p>
+
+      <p>
+        In a gating system:
+      </p>
+
+      <ul>
+        <li>Humans never merge changes, only computers</li>
+        <li>Computers automatically merge changes when all tests pass</li>
+        <li>Human code review approval can safely be fire and forget</li>
+      </ul>
+
+    </article>
+  </body>
 </html>
diff --git a/www/main.css b/www/main.css
new file mode 100644
index 0000000..6f16931
--- /dev/null
+++ b/www/main.css
@@ -0,0 +1,33 @@
+body {
+    font-family: 'Source Sans Pro', sans-serif;
+    padding: 0;
+    margin: 0;
+}
+
+header {
+    text-align: center;
+    padding: 0.5em;
+    background-color: #333;
+    color: white;
+}
+
+header h1 {
+    font-size: 2.25em;
+    letter-spacing: 0.125em;
+    text-transform: uppercase;
+    margin: 0;
+    padding-top: 2em;
+}
+
+header p {
+    font-size: 1.25em;
+    max-width: 30em;
+    margin: 4em auto 3em auto;
+    line-height: 1.5em;
+}
+
+article {
+    max-width: 50em;
+    text-align: justify;
+    margin: 2em auto 0 auto;
+}
