diff --git a/public/jori.jpg b/public/jori.jpg
new file mode 100644
index 000000000..337f97d1f
Binary files /dev/null and b/public/jori.jpg differ
diff --git a/public/tom.jpg b/public/tom.jpg
new file mode 100644
index 000000000..6483497fc
Binary files /dev/null and b/public/tom.jpg differ
diff --git a/server/pages/About.js b/server/pages/About.js
index 06635104c..e5b3f0ce1 100644
--- a/server/pages/About.js
+++ b/server/pages/About.js
@@ -1,19 +1,165 @@
 // @flow
 import React from 'react';
 import Grid from 'styled-components-grid';
+import styled from 'styled-components';
 import { Helmet } from 'react-helmet';
-import Hero from './components/Hero';
+import Flex from '../../shared/components/Flex';
+import Header from './components/Header';
+import Content from './components/Content';
+
+const Authors = styled(Flex).attrs({
+  justify: 'center',
+})`
+  margin: 40px 0;
+`;
+
+const Author = styled(Flex).attrs({
+  column: true,
+  align: 'center',
+})`
+  margin-right: 60px;
+
+  &:last-child {
+    margin-right: 0;
+  }
+`;
+
+const Avatar = styled.img`
+  width: 60px;
+  height: 60px;
+  margin-bottom: 20px;
+
+  border-radius: 50%;
+`;
 
 export default function About() {
   return (
     <Grid>
       <Helmet>
-        <title>About</title>
+        <title>About Us</title>
       </Helmet>
-      <Hero>
-        <h1>About Outline</h1>
-        <p>Just a proof of concept for multiple pages.</p>
-      </Hero>
+      <Header>
+        <h1>About Us</h1>
+        <p>The team behind Outline</p>
+      </Header>
+      <Content>
+        <p>
+          Outline is a wiki and knowledge base built for growing teams. We’re
+          focused on speed, usability and extensibility.
+        </p>
+        <p>
+          The open source project is maintained by Jori Lallo and Tom Moor.
+          Having both run venture-backed software startups previously and seeing
+          many similar VC-funded products try and fail while the market need
+          remained we decided to try a different approach. So don’t worry,
+          Outline is here to last.
+        </p>
+        <p>
+          <i>
+            Outline is currently in public beta. The hosted service will stay
+            free during this period. After that we will offer Outline free for
+            teams up to 5 people and have reasonable plans for larger teams.
+          </i>
+        </p>
+        <Authors>
+          <Author column>
+            <Avatar src="/jori.jpg" />
+            <div>
+              <strong>Jori Lallo</strong>
+            </div>
+            <div>
+              <a href="https://twitter.com/jorilallo" target="_blank">
+                @jorilallo
+              </a>
+            </div>
+          </Author>
+
+          <Author column>
+            <Avatar src="/tom.jpg" />
+            <div>
+              <strong>Tom Moor</strong>
+            </div>
+            <div>
+              <a href="https://twitter.com/tommoor" target="_blank">
+                @tommoor
+              </a>
+            </div>
+          </Author>
+        </Authors>
+
+        <h2>Open Source</h2>
+        <p>
+          Outline is built by a group of core{' '}
+          <a
+            href="https://github.com/outline/outline/graphs/contributors"
+            target="_blank"
+          >
+            maintainers
+          </a>, we believe in being honest and transparent.
+        </p>
+        <ul>
+          <li>
+            <strong>Accountability.</strong> Being open source helps to keep
+            ourselves accountable for progress, code quality, communication, and
+            roadmap.
+          </li>
+          <li>
+            <strong>Community.</strong> We hope that over time we can build up a
+            community of like-minded folks that can contribute plugins,
+            integrations, and core fixes to the project that will benefit
+            everyone.
+          </li>
+          <li>
+            <strong>Marketing.</strong> Every product needs a wedge into the
+            market. Being open source offers many opportunities to market the
+            project with a limited budget.
+          </li>
+          <li>
+            <strong>Security.</strong> We take privacy of your data extremely
+            seriously. Getting more eyes on the code makes us more confident
+            that Outline is as secure as possible.
+          </li>
+        </ul>
+        <p>
+          You can view Outline’s source code on{' '}
+          <a href="https://github.com/outline/outline">GitHub</a>.
+        </p>
+        <h2>FAQ</h2>
+        <p>
+          <h3>Why would I pay you if I can run Outline myself?</h3>
+          You don’t have to but you might have better things to do with your
+          time. When you sign up for Outline, you’ll always be running the
+          latest version, have all the features and we’ll answer the questions
+          your team might have. You’ll also help to keep Outline getting better
+          by supporting us financially.
+        </p>
+        <p>
+          <h3>Can I use Google/GitHub/etc to signup for Outline?</h3>
+          We started with Slack as many teams are already using it and benefit
+          from the integrations. We’ll be adding more login methods soon. Please
+          let us know which one you would like to see next{' '}
+          <a
+            href="https://spectrum.chat/outline/feature-requests?thread=a851c20d-251a-4c7b-8977-e1438894db51"
+            target="_blank"
+          >
+            here
+          </a>.
+        </p>
+        <p>
+          <h3>How can I export my data if you go away?</h3>
+          We’re committed on making your data portable. We’ll soon add better
+          import and export options so you which will let you take your data and
+          view it in HTML form or upload to self-hosted Outline. Until then, you
+          can do this through our <a href="/developers">API</a>.
+        </p>
+        <p>
+          <h3>How can I get in touch with you?</h3>
+          You can drop us a note on our{' '}
+          <a href="https://spectrum.chat/outline">Spectrum</a> community or
+          email us at{' '}
+          <a href="mailto:hello@getoutline.com">hello@getoutline.com</a>.
+        </p>
+      </Content>
     </Grid>
   );
 }
diff --git a/server/pages/components/Content.js b/server/pages/components/Content.js
index 713d4a677..a69c20cb2 100644
--- a/server/pages/components/Content.js
+++ b/server/pages/components/Content.js
@@ -4,6 +4,6 @@ import styled from 'styled-components';
 export default styled.div`
   width: 100%;
   max-width: 720px;
-  margin: 0 auto;
+  margin: 0 auto 2em;
   padding: 0 2em;
 `;
diff --git a/server/pages/components/Navigation.js b/server/pages/components/Navigation.js
index c36f5fcf8..fd50f35d3 100644
--- a/server/pages/components/Navigation.js
+++ b/server/pages/components/Navigation.js
@@ -6,10 +6,11 @@ import {
   signin,
   developers,
   changelog,
+  about,
+  privacy,
   githubUrl,
   spectrumUrl,
   blogUrl,
-  twitterUrl,
 } from '../../../shared/utils/routeHelpers';
 import { color } from '../../../shared/styles/constants';
 
@@ -22,7 +23,7 @@ function TopNavigation() {
           <a href="/#features">Features</a>
         </MenuItemDesktop>
         <MenuItemDesktop>
-          <a href={blogUrl()}>Blog</a>
+          <a href={about()}>About</a>
         </MenuItemDesktop>
         <MenuItemDesktop>
           <a href={changelog()}>Changelog</a>
@@ -51,7 +52,7 @@ function BottomNavigation() {
         <a href={blogUrl()}>Medium</a>
       </div>
       <div>
-        <a href={twitterUrl()}>Twitter</a>
+        <a href={privacy()}>Privacy</a>
       </div>
     </BottomNav>
   );
diff --git a/shared/styles/base.js b/shared/styles/base.js
index ff3856f0f..87d1978df 100644
--- a/shared/styles/base.js
+++ b/shared/styles/base.js
@@ -69,10 +69,14 @@ export default `
     margin-bottom: 1em;
   }
 
+  li {
+    padding: .2em 0;
+  }
+
   hr {
     border: 0;
   height: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border - bottom: 1px solid rgba(255, 255, 255, 0.3);
-}   
+}
 `;
diff --git a/shared/utils/routeHelpers.js b/shared/utils/routeHelpers.js
index d3d854fc7..1997e6f48 100644
--- a/shared/utils/routeHelpers.js
+++ b/shared/utils/routeHelpers.js
@@ -52,3 +52,11 @@ export function changelog(): string {
 export function signin(): string {
   return '/auth/slack';
 }
+
+export function about(): string {
+  return '/about';
+}
+
+export function privacy(): string {
+  return '/privacy';
+}