diff --git a/website/components/AnimatedLogo/data.json b/website/components/AnimatedLogo/data.json
new file mode 100644
index 000000000..121ff3640
--- /dev/null
+++ b/website/components/AnimatedLogo/data.json
@@ -0,0 +1,381 @@
+{
+  "total": 500,
+  "lines": [
+    {
+      "initialOffset": 130,
+      "dashes": [
+        {
+          "start": 0,
+          "length": 40
+        },
+        {
+          "start": 60,
+          "length": 140
+        },
+        {
+          "start": 220,
+          "length": 100
+        }
+      ]
+    },
+    {
+      "initialOffset": -100,
+      "dashes": [
+        {
+          "start": 20,
+          "length": 60
+        },
+        {
+          "start": 100,
+          "length": 120,
+          "color": 1
+        },
+        {
+          "start": 240,
+          "length": 40
+        },
+        {
+          "start": 300,
+          "length": 40
+        }
+      ]
+    },
+    {
+      "initialOffset": 120,
+      "dashes": [
+        {
+          "start": 40,
+          "length": 40
+        },
+        {
+          "start": 100,
+          "length": 30,
+          "color": 2
+        },
+        {
+          "start": 150,
+          "length": 100,
+          "color": 3
+        },
+        {
+          "start": 270,
+          "length": 130
+        },
+        {
+          "start": 420,
+          "length": 20
+        }
+      ]
+    },
+    {
+      "initialOffset": 40,
+      "dashes": [
+        {
+          "start": 0,
+          "length": 80
+        },
+        {
+          "start": 100,
+          "length": 70,
+          "color": 1
+        },
+        {
+          "start": 190,
+          "length": 40,
+          "color": 4
+        },
+        {
+          "start": 250,
+          "length": 10,
+          "color": 1
+        },
+        {
+          "start": 280,
+          "length": 20
+        },
+        {
+          "start": 320,
+          "length": 100
+        }
+      ]
+    },
+    {
+      "initialOffset": -150,
+      "dashes": [
+        {
+          "start": 70,
+          "length": 10
+        },
+        {
+          "start": 100,
+          "length": 20,
+          "color": 3
+        },
+        {
+          "start": 140,
+          "length": 10,
+          "color": 1
+        },
+        {
+          "start": 170,
+          "length": 30
+        },
+        {
+          "start": 220,
+          "length": 50,
+          "color": 2
+        },
+        {
+          "start": 290,
+          "length": 90
+        }
+      ]
+    },
+    {
+      "initialOffset": 100,
+      "dashes": [
+        {
+          "start": 0,
+          "length": 20
+        },
+        {
+          "start": 40,
+          "length": 40
+        },
+        {
+          "start": 100,
+          "length": 50,
+          "color": 4
+        },
+        {
+          "start": 170,
+          "length": 30
+        },
+        {
+          "start": 220,
+          "length": 50,
+          "color": 3
+        },
+        {
+          "start": 290,
+          "length": 40
+        },
+        {
+          "start": 350,
+          "length": 40
+        }
+      ]
+    },
+    {
+      "initialOffset": 190,
+      "dashes": [
+        {
+          "start": 20,
+          "length": 60
+        },
+        {
+          "start": 100,
+          "length": 10,
+          "color": 1
+        },
+        {
+          "start": 130,
+          "length": 30,
+          "color": 3
+        },
+        {
+          "start": 180,
+          "length": 80,
+          "color": 2
+        },
+        {
+          "start": 280,
+          "length": 20
+        },
+        {
+          "start": 320,
+          "length": 100
+        },
+        {
+          "start": 440,
+          "length": 20
+        }
+      ]
+    },
+    {
+      "initialOffset": -30,
+      "dashes": [
+        {
+          "start": 50,
+          "length": 30
+        },
+        {
+          "start": 100,
+          "length": 40,
+          "color": 1
+        },
+        {
+          "start": 160,
+          "length": 40,
+          "color": 2
+        },
+        {
+          "start": 220,
+          "length": 30,
+          "color": 4
+        },
+        {
+          "start": 270,
+          "length": 60
+        },
+        {
+          "start": 350,
+          "length": 60
+        }
+      ]
+    },
+    {
+      "initialOffset": 50,
+      "dashes": [
+        {
+          "start": 20,
+          "length": 30
+        },
+        {
+          "start": 70,
+          "length": 10
+        },
+        {
+          "start": 100,
+          "length": 10,
+          "color": 3
+        },
+        {
+          "start": 130,
+          "length": 90,
+          "color": 4
+        },
+        {
+          "start": 240,
+          "length": 20
+        },
+        {
+          "start": 280,
+          "length": 80
+        },
+        {
+          "start": 380,
+          "length": 100
+        }
+      ]
+    },
+    {
+      "initialOffset": 150,
+      "dashes": [
+        {
+          "start": 10,
+          "length": 70
+        },
+        {
+          "start": 100,
+          "length": 50,
+          "color": 4
+        },
+        {
+          "start": 170,
+          "length": 20
+        },
+        {
+          "start": 210,
+          "length": 90
+        },
+        {
+          "start": 320,
+          "length": 90
+        }
+      ]
+    },
+    {
+      "initialOffset": -100,
+      "dashes": [
+        {
+          "start": 40,
+          "length": 40
+        },
+        {
+          "start": 100,
+          "length": 20,
+          "color": 1
+        },
+        {
+          "start": 140,
+          "length": 10,
+          "color": 3
+        },
+        {
+          "start": 170,
+          "length": 40
+        },
+        {
+          "start": 230,
+          "length": 10
+        },
+        {
+          "start": 260,
+          "length": 80
+        },
+        {
+          "start": 360,
+          "length": 20
+        }
+      ]
+    },
+    {
+      "initialOffset": -50,
+      "dashes": [
+        {
+          "start": 60,
+          "length": 20
+        },
+        {
+          "start": 100,
+          "length": 50,
+          "color": 2
+        },
+        {
+          "start": 170,
+          "length": 60
+        },
+        {
+          "start": 250,
+          "length": 40
+        },
+        {
+          "start": 310,
+          "length": 20
+        }
+      ]
+    },
+    {
+      "initialOffset": -150,
+      "dashes": [
+        {
+          "start": 40,
+          "length": 60
+        },
+        {
+          "start": 120,
+          "length": 60
+        },
+        {
+          "start": 200,
+          "length": 100
+        },
+        {
+          "start": 320,
+          "length": 20
+        }
+      ]
+    }
+  ]
+}
diff --git a/website/components/AnimatedLogo/index.js b/website/components/AnimatedLogo/index.js
new file mode 100644
index 000000000..5ba88f78b
--- /dev/null
+++ b/website/components/AnimatedLogo/index.js
@@ -0,0 +1,39 @@
+"use strict";
+
+const React = require("react");
+const h = React.createElement;
+const data = require("./data.json");
+
+const Line = props =>
+  h(
+    "g",
+    { className: `l${props.index}` },
+    props.dashes.map(({ color }, j) =>
+      h("path", {
+        key: j,
+        d: `m 5 ${props.index * 20 + 5} l ${props.total} 0`,
+        className: ["dash", `p${j}`, `c${color}`].join(" ")
+      })
+    )
+  );
+
+const AnimatedLogo = () => {
+  const height = data.lines.length * 20 + 10;
+  const width = data.total + 20;
+  return h(
+    "svg",
+    {
+      height: height,
+      width: width,
+      id: "logo",
+      viewbox: `0 0 ${height} ${width}`,
+      className: "animatedLogo initial",
+      version: "1.1"
+    },
+    data.lines.map(({ dashes }, index) =>
+      h(Line, { key: index, total: data.total, dashes: dashes, index })
+    )
+  );
+};
+
+module.exports = AnimatedLogo;
diff --git a/website/core/Footer.js b/website/core/Footer.js
index 5fceb7c93..90bc6b8fe 100644
--- a/website/core/Footer.js
+++ b/website/core/Footer.js
@@ -25,7 +25,7 @@ class Footer extends React.Component {
 
   render() {
     return (
-      <footer className="nav-footer" id="footer">
+      <footer className="footerSection nav-footer" id="footer">
         <section className="sitemap">
           <a href={this.props.config.baseUrl} className="nav-home">
             <img
diff --git a/website/data/editors.yml b/website/data/editors.yml
index 4fd45928d..865f22ba9 100644
--- a/website/data/editors.yml
+++ b/website/data/editors.yml
@@ -1,35 +1,35 @@
-- image: /images/editors/atom-128px.png
+- image: "/images/editors/editor_atom.svg"
   name: Atom
-  content: >
-    [`prettier-atom`](https://github.com/prettier/prettier-atom),
+  content: |
+    [`prettier-atom`](https://github.com/prettier/prettier-atom)
     [`mprettier`](https://github.com/t9md/atom-mprettier)
-- image: /images/editors/emacs-128px.png
+- image: "/images/editors/editor_emacs.svg"
   name: Emacs
-  content: >
+  content: |
     [`prettier-emacs`](https://github.com/prettier/prettier-emacs)
-- image: /images/editors/espresso-128px.png
+- image: "/images/editors/editor_espresso.svg"
   name: Espresso
-  content: >
+  content: |
     [`espresso-prettier`](https://github.com/eablokker/espresso-prettier)
-- image: /images/editors/sublimetext-128px.png
+- image: "/images/editors/editor_sublime.svg"
   name: Sublime Text
-  content: >
+  content: |
     [`JsPrettier`](https://packagecontrol.io/packages/JsPrettier)
-- image: /images/editors/vim-128px.png
+- image: "/images/editors/editor_vim.svg"
   name: Vim
-  content: >
-    [`neoformat`](https://github.com/sbdchd/neoformat),
-    [`ale`](https://github.com/w0rp/ale),
+  content: |
+    [`neoformat`](https://github.com/sbdchd/neoformat)
+    [`ale`](https://github.com/w0rp/ale)
     [`vim-prettier`](https://github.com/prettier/vim-prettier)
-- image: /images/editors/visualstudio-128px.png
+- image: "/images/editors/editor_vs.svg"
   name: Visual Studio
-  content: >
+  content: |
     [`JavaScriptPrettier`](https://github.com/madskristensen/JavaScriptPrettier)
-- image: /images/editors/vscode-128px.png
-  name: Visual Studio Code
-  content: >
+- image: "/images/editors/editor_vscode.svg"
+  name: VS Code
+  content: |
     [`prettier-vscode`](https://github.com/prettier/prettier-vscode)
-- image: /images/editors/webstorm-128px.png
+- image: "/images/editors/editor_webstorm.svg"
   name: WebStorm
-  content: >
+  content: |
     [External Tool](https://prettier.io/docs/en/webstorm.html)
diff --git a/website/data/languages.yml b/website/data/languages.yml
index 6f22b108e..8571b1c47 100644
--- a/website/data/languages.yml
+++ b/website/data/languages.yml
@@ -1,5 +1,6 @@
 - name: JavaScript
-  image: /images/languages/js-128px.png
+  showName: false
+  image: "/images/languages/tools_js.svg"
   variants:
   - "[ES2017](https://github.com/tc39/proposals/blob/master/finished-proposals.md)"
   - "[JSX](https://facebook.github.io/jsx/)"
@@ -8,7 +9,8 @@
   - "[Vue](https://vuejs.org/)"
   - "[JSON](http://json.org/)"
 - name: CSS
-  image: /images/languages/css-128px.png
+  showName: false
+  image: "/images/languages/tools_css.svg"
   variants:
   - "CSS3+"
   - "[Less](http://lesscss.org/)"
@@ -16,12 +18,23 @@
   - "[styled-components](http://styled-components.com) 💅"
   - "[styled-jsx](http://npmjs.com/styled-jsx)"
 - name: GraphQL
-  image: /images/languages/graphql-128px.png
+  showName: false
+  image: "/images/languages/tools_gql.svg"
   variants:
   - "[GraphQL](http://graphql.org/)"
   - "[GraphQL Schemas](http://graphql.org/learn/schema/)"
 - name: Markdown
-  image: /images/languages/markdown-128px.png
+  showName: false
+  image: "/images/languages/tools_md.svg"
   variants:
   - "[CommonMark](http://commonmark.org/)"
   - "[GitHub Flavored Markdown](https://github.github.com/gfm/)"
+- name: Work in Progress
+  showName: true
+  image: "/images/languages/tools_wip.svg"
+  variants:
+  - "[Python](https://github.com/prettier/prettier-python)"
+  - "[PHP](https://github.com/prettier/prettier-php)"
+  - "[Swift](https://github.com/prettier/prettier-swift)"
+  - "[Java](https://github.com/thorbenvh8/prettier-java)"
+  - "[PostgreSQL](https://github.com/benjie/prettier-plugin-pg-sql/)"
diff --git a/website/data/users.yml b/website/data/users.yml
index 4f3f9b437..aa54cde81 100644
--- a/website/data/users.yml
+++ b/website/data/users.yml
@@ -1,27 +1,43 @@
 - caption: React
-  image: /images/users/react-200x100.png
+  image: "/images/users/react-200x100.png"
+  greyImage: "/images/users/used_by_react.svg"
   infoLink: https://reactjs.org
   pinned: true
 - caption: Jest
-  image: /images/users/jest-200x100.png
+  image: "/images/users/jest-200x100.png"
+  greyImage: "/images/users/used_by_jest.svg"
   infoLink: https://facebook.github.io/jest/
   pinned: true
 - caption: Yarn
-  image: /images/users/yarn-200x100.png
+  image: "/images/users/yarn-200x100.png"
+  greyImage: "/images/users/used_by_yarn.svg"
   infoLink: https://yarnpkg.com
   pinned: true
 - caption: Babel
-  image: /images/users/babel-200x100.png
+  image: "/images/users/babel-200x100.png"
+  greyImage: "/images/users/used_by_babel.svg"
   infoLink: https://babeljs.io
   pinned: true
 - caption: ZEIT
-  image: /images/users/zeit-200x100.png
+  image: "/images/users/zeit-200x100.png"
+  greyImage: "/images/users/used_by_zeit.svg"
   infoLink: https://zeit.co
   pinned: true
 - caption: Webpack CLI
-  image: /images/users/webpack-200x100.png
+  image: "/images/users/webpack-200x100.png"
+  greyImage: "/images/users/used_by_webpack.svg"
   infoLink: https://webpack.js.org/api/cli/
   pinned: true
+- caption: Danger
+  image: "/images/users/danger-200x100.png"
+  greyImage: "/images/users/used_by_danger.svg"
+  infoLink: http://danger.systems/js/
+  pinned: true
+- caption: Storybook
+  image: "/images/users/storybook-200x100.png"
+  greyImage: "/images/users/used_by_storybook.svg"
+  infoLink: https://storybook.js.org/
+  pinned: true
 - caption: PayPal
   image: /images/users/paypal-200x100.png
   infoLink: https://github.com/paypal/
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 00ff9e79b..d1dee57f2 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -3,11 +3,19 @@
 const React = require("react");
 
 const CompLibrary = require("../../core/CompLibrary.js");
+const MarkdownBlock = CompLibrary.MarkdownBlock;
 const Container = CompLibrary.Container;
-const GridBlock = CompLibrary.GridBlock;
 
 const siteConfig = require(process.cwd() + "/siteConfig.js");
 
+const ButtonGroup = props => (
+  <div className="buttonGroup buttonWrapper">{props.children}</div>
+);
+
+ButtonGroup.propTypes = {
+  children: React.PropTypes.node
+};
+
 class Button extends React.Component {
   render() {
     return (
@@ -30,136 +38,416 @@ Button.propTypes = {
   children: React.PropTypes.any
 };
 
-class HomeSplash extends React.Component {
-  render() {
-    return (
-      <div className="homeContainer">
-        <div className="homeSplashFade">
-          <div className="wrapper homeWrapper">
-            <div className="projectLogo">
-              <img src="/icon.png" />
-            </div>
-            <div className="inner">
-              <h2 className="projectTitle">
-                {siteConfig.title}
-                <small>{siteConfig.tagline}</small>
-              </h2>
-              <div className="section promoSection">
-                <div className="promoRow">
-                  <div className="pluginRowBlock">
-                    <Button href="/playground/">Try It Out</Button>
-                    <Button
-                      href={"/docs/" + this.props.language + "/install.html"}
-                    >
-                      Get Started
-                    </Button>
-                    <Button
-                      href={"/docs/" + this.props.language + "/options.html"}
-                    >
-                      Options
-                    </Button>
-                  </div>
+const HomeSplash = props => {
+  return (
+    <div className="homeContainer">
+      <div className="homeSplashFade">
+        <div className="wrapper homeWrapper">
+          <div className="animatedLogoWrapper">
+            {/* <AnimatedLogo /> */}
+            <img
+              src="/prettier-centered-logo-static.svg"
+              style={{ marginBottom: "40px" }}
+            />
+          </div>
+          <div className="inner">
+            <div className="section promoSection">
+              <div className="promoRow">
+                <div className="pluginRowBlock">
+                  <Button href="/playground/">Try It Out</Button>
+                  <Button href={"/docs/" + props.language + "/install.html"}>
+                    Get Started
+                  </Button>
+                  <Button href={"/docs/" + props.language + "/options.html"}>
+                    Options
+                  </Button>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
+    </div>
+  );
+};
+
+HomeSplash.propTypes = {
+  language: React.PropTypes.string
+};
+
+const TldrSection = ({ language }) => (
+  <div className="tldrSection productShowcaseSection lightBackground">
+    <Container>
+      <div
+        style={{
+          display: "flex",
+          flexFlow: "row wrap",
+          justifyContent: "space-evenly"
+        }}
+      >
+        <div style={{ display: "flex", flexDirection: "column" }}>
+          <h2>What is Prettier?</h2>
+          <ul style={{ flex: "1" }}>
+            <li>An opinionated code formatter</li>
+            <li>Supports many languages</li>
+            <li>Integrates with the most editors</li>
+            <li>Has few options</li>
+          </ul>
+        </div>
+        <div style={{ display: "flex", flexDirection: "column" }}>
+          <h2>Why?</h2>
+          <ul style={{ flex: "1" }}>
+            <li>You press save and code is formatted</li>
+            <li>No need to discuss style in code review</li>
+            <li>Saves you time and energy</li>
+            <li>
+              <a href={"/docs/" + language + "/why-prettier.html"}>And more</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </Container>
+  </div>
+);
+
+TldrSection.propTypes = {
+  language: React.PropTypes.string
+};
+
+const Language = ({ name, showName, image, variants }) => (
+  <div
+    className="languageCategory"
+    style={{
+      display: "flex",
+      alignItems: "flex-start",
+      paddingBottom: "1em"
+    }}
+  >
+    <img src={image} style={{ width: "50px", padding: "0 20px" }} />
+    <div>
+      {showName && <p className="accented">{name}</p>}
+      {variants.map(variant => (
+        <code key={variant}>
+          <MarkdownBlock>{variant}</MarkdownBlock>
+        </code>
+      ))}
+    </div>
+  </div>
+);
+
+Language.propTypes = {
+  name: React.PropTypes.string,
+  showName: React.PropTypes.boolean,
+  image: React.PropTypes.string,
+  variants: React.PropTypes.array
+};
+
+const LanguagesSection = () => {
+  const languageChunks = siteConfig.supportedLanguages.reduce(
+    (acc, language) => {
+      const last = acc[acc.length - 1];
+      if (
+        last &&
+        last.length < 2 &&
+        last.reduce((sum, lang) => sum + lang.variants.length, 0) +
+          language.variants.length <
+          5
+      ) {
+        last.push(language);
+      } else {
+        acc.push([language]);
+      }
+      return acc;
+    },
+    []
+  );
+
+  return (
+    <div
+      className="languagesSection productShowcaseSection"
+      style={{ textAlign: "center" }}
+    >
+      <Container>
+        <h2>Works with the Tools You Use</h2>
+        <div
+          style={{
+            display: "flex",
+            flexFlow: "row wrap",
+            justifyContent: "space-around"
+          }}
+        >
+          {languageChunks.map((languageChunk, index) => (
+            <div key={index} style={{ flex: "1 1 auto" }}>
+              {languageChunk.map(language => (
+                <Language key={language.name} {...language} />
+              ))}
+            </div>
+          ))}
+        </div>
+      </Container>
+    </div>
+  );
+};
+
+const Editor = ({ content = "", image, name }) => (
+  <div className="editor">
+    <img className="editorImage" src={image} />
+    <div className="editorInfo">
+      <h3 style={{ marginBottom: "-16px" }}>{name}</h3>
+      <MarkdownBlock>{content.replace(/\n/g, "  \n")}</MarkdownBlock>
+    </div>
+  </div>
+);
+
+Editor.propTypes = {
+  content: React.PropTypes.string,
+  image: React.PropTypes.string.isRequired,
+  name: React.PropTypes.string.isRequired
+};
+
+const EditorSupportSection = () => (
+  <div className="editorSupportSection productShowcaseSection lightBackground">
+    <Container>
+      <h2>Editor Support</h2>
+      <div
+        style={{
+          display: "flex",
+          flexFlow: "row wrap",
+          justifyContent: "space-around"
+        }}
+      >
+        {siteConfig.editors.map(editor => (
+          <Editor key={editor.name} {...editor} />
+        ))}
+      </div>
+    </Container>
+
+    <div style={{ float: "right" }}>
+      <span>Got more? </span>
+      <a
+        href={`${siteConfig.githubUrl}/edit/master/website/data/editors.yml`}
+        className="button"
+      >
+        Send a PR
+      </a>
+    </div>
+  </div>
+);
+
+const bash = (...args) => `~~~bash\n${String.raw(...args)}\n~~~`;
+
+const json = object => `~~~json\n${JSON.stringify(object, null, 2)}\n~~~`;
+
+class GetStartedSection extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      npmClient: "yarn"
+    };
+  }
+
+  render() {
+    return (
+      <div className="getStartedSection productShowcaseSection">
+        <Container>
+          <div
+            className="getStartedFlexContainer"
+            style={{
+              display: "flex",
+              flexFlow: "row",
+              alignItems: "baseline",
+              justifyContent: "space-between"
+            }}
+          >
+            <div className="getStartedSteps">
+              <h2>Get Started</h2>
+              <ol>
+                <li>
+                  Add prettier to your project:
+                  <div className="yarnOnly">
+                    <MarkdownBlock>
+                      {bash`yarn add prettier --dev --exact`}
+                    </MarkdownBlock>
+                  </div>
+                  <div className="npmOnly">
+                    <MarkdownBlock>
+                      {bash`npm install prettier --save-dev --save-exact`}
+                    </MarkdownBlock>
+                  </div>
+                </li>
+                <li>
+                  Verify by running against a file:
+                  <div className="yarnOnly">
+                    <MarkdownBlock>
+                      {bash`yarn prettier --write src/index.js`}
+                    </MarkdownBlock>
+                  </div>
+                  <div className="npmOnly">
+                    <MarkdownBlock>
+                      {bash`npx prettier --write src/index.js`}
+                    </MarkdownBlock>
+                  </div>
+                </li>
+                <li>
+                  Run prettier when commiting files:
+                  <div className="yarnOnly">
+                    <MarkdownBlock>
+                      {bash`yarn add pretty-quick husky --dev`}
+                    </MarkdownBlock>
+                  </div>
+                  <div className="npmOnly">
+                    <MarkdownBlock>
+                      {bash`npm install pretty-quick husky --save-dev`}
+                    </MarkdownBlock>
+                  </div>
+                  Then edit <code>package.json</code>:
+                  <MarkdownBlock>
+                    {json({
+                      scripts: {
+                        precommit: "pretty-quick --staged"
+                      }
+                    })}
+                  </MarkdownBlock>
+                </li>
+              </ol>
+            </div>
+            <div
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "flex-end",
+                flexGrow: 1,
+                marginLeft: "-75px"
+              }}
+            >
+              <ButtonGroup>
+                <a className="button active showYarnButton" href="#">
+                  yarn
+                </a>
+                <a className="button showNpmButton" href="#">
+                  npm
+                </a>
+              </ButtonGroup>
+              <img
+                className="decorativeRects"
+                style={{
+                  marginTop: "32px"
+                }}
+                src="/images/get_started_rects.svg"
+              />
+            </div>
+          </div>
+        </Container>
+      </div>
     );
   }
 }
 
-HomeSplash.propTypes = {
+const UsersSection = ({ language }) => {
+  const showcase = siteConfig.users
+    .filter(user => {
+      return user.pinned;
+    })
+    .map((user, i) => {
+      return (
+        <a key={i} className="growOnHover" href={user.infoLink}>
+          <img className="user" src={user.greyImage} title={user.caption} />
+        </a>
+      );
+    });
+
+  return (
+    <div className="usersSection productShowcaseSection lightBackground">
+      <Container>
+        <h2>Used By People You Rely On</h2>
+        <div style={{ textAlign: "right" }} />
+        <div
+          style={{
+            display: "flex",
+            flexFlow: "row wrap",
+            justifyContent: "space-around"
+          }}
+        >
+          {showcase}
+        </div>
+        <div className="more-users">
+          <a
+            className="button"
+            href={siteConfig.baseUrl + language + "/users/"}
+            target="_self"
+          >
+            See All Others
+          </a>
+          <a
+            className="button"
+            href={`${siteConfig.githubUrl}/edit/master/website/data/users.yml`}
+          >
+            Add Your Project
+          </a>
+        </div>
+
+        <h2 className="ecosystemSubHeader">Established in the Ecosystem</h2>
+        <div
+          className="ecosystemSubSection"
+          style={{
+            display: "flex",
+            justifyContent: "space-around",
+            flexFlow: "row wrap"
+          }}
+        >
+          <div style={{ display: "flex", marginTop: "22px" }}>
+            <a
+              href="https://npmjs.com/package/prettier"
+              className="growOnHover"
+            >
+              <img src="/images/npm_grey.svg" style={{ height: "100px" }} />
+            </a>
+            <div style={{ marginLeft: ".7em", width: "260px" }}>
+              <p>More than 500 tools and integrations on npm</p>
+              <Button href="https://www.npmjs.com/browse/depended/prettier">
+                Install Them
+              </Button>
+            </div>
+          </div>
+
+          <div style={{ display: "flex", marginTop: "22px" }}>
+            <a
+              href="https://github.com/prettier/prettier"
+              className="growOnHover"
+            >
+              <img src="/images/github_grey.svg" style={{ height: "100px" }} />
+            </a>
+            <div style={{ marginLeft: ".7em", width: "260px" }}>
+              <p>More than 50,000 dependent repositories on GitHub</p>
+              <Button href="https://github.com/prettier/prettier/network/dependents">
+                Check Them Out
+              </Button>
+            </div>
+          </div>
+        </div>
+      </Container>
+    </div>
+  );
+};
+
+UsersSection.propTypes = {
   language: React.PropTypes.string
 };
 
 class Index extends React.Component {
   render() {
     const language = this.props.language || "en";
-    const showcase = siteConfig.users
-      .filter(user => {
-        return user.pinned;
-      })
-      .map((user, i) => {
-        return (
-          <a key={i} href={user.infoLink}>
-            <img src={user.image} title={user.caption} />
-            <br />
-            {user.caption}
-          </a>
-        );
-      });
 
     return (
       <div>
-        <script src="redirect.js" />
+        <script src="landing.js" />
         <HomeSplash language={language} />
         <div className="mainContainer">
-          <div
-            className="productShowcaseSection lightBackground paddingTop paddingBottom"
-            style={{ textAlign: "center" }}
-          >
-            <h2 style={{ margin: 0 }}>Language Support</h2>
-            <Container>
-              <GridBlock
-                align="center"
-                contents={siteConfig.supportedLanguages.map(language => ({
-                  title: language.name,
-                  image: language.image,
-                  imageAlign: "top",
-                  content: language.variants.join("\n\n")
-                }))}
-                layout="fourColumn"
-              />
-            </Container>
-          </div>
-
-          <div className="productShowcaseSection paddingBottom">
-            <h2>Editor Integration</h2>
-            <Container>
-              <GridBlock
-                align="center"
-                contents={siteConfig.editors.map(editor => ({
-                  content: editor.content || "",
-                  image: editor.image,
-                  imageAlign: "bottom",
-                  title: editor.name
-                }))}
-                layout="fourColumn"
-              />
-            </Container>
-
-            <p>Developed an integration?</p>
-            <a
-              href={`${
-                siteConfig.githubUrl
-              }/edit/master/website/data/editors.yml`}
-              className="button"
-            >
-              Add it here
-            </a>
-          </div>
-
-          <div className="productShowcaseSection paddingTop paddingBottom lightBackground">
-            <h2>Who{"'"}s Using Prettier?</h2>
-            <p>
-              A few of the{" "}
-              <a href="https://www.npmjs.com/browse/depended/prettier">
-                many projects
-              </a>{" "}
-              using Prettier
-            </p>
-            <div className="logos">{showcase}</div>
-            <div className="more-users">
-              <a
-                className="button"
-                href={siteConfig.baseUrl + language + "/users/"}
-                target="_self"
-              >
-                More Prettier Users
-              </a>
-            </div>
-          </div>
+          <TldrSection language={language} />
+          <LanguagesSection />
+          <EditorSupportSection />
+          <GetStartedSection />
+          <UsersSection language={language} />
         </div>
       </div>
     );
diff --git a/website/static/images/editors/editor_atom.svg b/website/static/images/editors/editor_atom.svg
new file mode 100644
index 000000000..8cc06f37a
--- /dev/null
+++ b/website/static/images/editors/editor_atom.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="95px" viewBox="0 0 104 95" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Atom_editor_logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-58.000000, -1453.000000)">
+            <g id="Group-4" transform="translate(60.000000, 1455.000000)">
+                <g id="Atom_editor_logo">
+                    <path d="M80.2128236,20.7137521 C81.8762981,12.1998588 80.9460364,5.73839644 77.0141065,3.17065755 C75.7034624,2.31474456 74.1321274,1.94020134 72.363664,2.00771615 C62.8139634,2.37229612 47.4051508,15.5948891 34.8156469,35.0896872 C19.8947535,58.1946331 14.592272,81.3503676 22.9803939,86.8282075 C26.9621143,89.4284614 33.3069525,87.5851903 40.4749156,82.4486197" id="Shape" stroke="#56B3B4" stroke-width="3" stroke-linecap="round"></path>
+                    <path d="M88.2193811,58 C95.3670735,55.2260438 99.7622148,51.4291949 99.990655,47.0685494 C100.518962,36.9836772 78.5808515,27.6471173 50.9685143,26.1994164 C48.3798584,26.0636946 45.8343809,25.9922801 43.3445036,26.0006627 C19.2756883,26.0816962 0.488106606,32.6870065 0.00932858584,41.8264219 C-0.218660228,46.1785107 3.74473314,50.3985737 10.5389069,53.900706" id="Shape" stroke="#56B3B4" stroke-width="3" stroke-linecap="round"></path>
+                    <path d="M43.1624291,5.99872942 C38.2649834,1.93087746 33.6717855,-0.253582392 29.9814748,0.0234956545 C28.9989337,0.0972674052 28.0902361,0.339672445 27.2458051,0.770399885 C18.2385445,5.36482618 21.1160203,29.1265675 33.6870639,53.825497 C46.2581074,78.5244288 63.7501414,94.8190588 72.757402,90.2246298 C81.4195471,85.8062391 79.081602,63.664513 67.7088478,40.0077687" id="Shape" stroke="#56B3B4" stroke-width="3" stroke-linecap="round"></path>
+                    <path d="M58,46 C58,50.418278 54.418278,54 50,54 C45.581722,54 42,50.418278 42,46 C42,41.581722 45.581722,38 50,38 C54.418278,38 58,41.581722 58,46 Z" id="Shape" fill="#56B3B4" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_emacs.svg b/website/static/images/editors/editor_emacs.svg
new file mode 100644
index 000000000..4991febf6
--- /dev/null
+++ b/website/static/images/editors/editor_emacs.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="92px" height="93px" viewBox="0 0 92 93" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>emacs</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-317.000000, -1454.000000)">
+            <g id="Group-5" transform="translate(317.000000, 1454.000000)">
+                <g id="emacs">
+                    <path d="M92,46.500001 C92,72.1812416 71.4051001,93 46.00001,93 C20.5949199,93 0,72.1812416 0,46.500001 C0,20.8187564 20.5949199,0 46.00001,0 C71.4051001,0 92,20.8187564 92,46.500001 Z" id="path4235" fill="#56B3B4" fill-rule="nonzero"></path>
+                    <path d="M32.5215806,72.9328577 C32.5215806,72.9328577 35.6105846,73.1507265 39.5844505,72.8015457 C41.1937655,72.6601371 47.3039009,72.061771 51.8720619,71.0629375 C51.8720619,71.0629375 57.4417527,69.874517 60.4214753,68.7797182 C63.5392746,67.6341805 65.2358676,66.6619374 65.999523,65.2843011 C65.9662206,65.0020346 66.2346432,64.0010635 64.7968483,63.3998078 C61.1209515,61.8626168 56.8577864,62.1406611 48.4220363,61.9623408 C39.0671204,61.6418724 35.9551114,60.0806826 34.2973608,58.8233006 C32.7076861,57.5477381 33.507054,54.0187873 40.3184342,50.9103177 C43.7495236,49.2550147 57.199778,46.2002891 57.199778,46.2002891 C52.6699743,43.9679507 44.2233165,40.0435723 42.4870203,39.1961348 C40.9641852,38.4528962 38.5271922,37.3337866 37.9989386,35.9798136 C37.4000113,34.6799575 39.4133999,33.5602394 40.5380612,33.2395853 C44.1601389,32.197936 49.273408,31.5505177 53.9270785,31.4778334 C56.2662614,31.4412962 56.6459529,31.2912452 56.6459529,31.2912452 C59.8735814,30.7574468 61.9983485,28.5557929 61.1130798,25.0690229 C60.3183442,21.5099415 56.1268387,19.4186621 52.143677,20.1426405 C48.3927402,20.8244163 39.3520064,23.4426538 39.3520064,23.4426538 C50.5270223,23.3462235 52.3974202,23.5321798 53.2327667,24.6966172 C53.7260902,25.3843002 53.0086012,26.3272209 50.0282683,26.8125179 C46.7836287,27.3408553 40.038916,27.9771129 40.038916,27.9771129 C33.5685884,28.3602252 29.0108971,28.3858669 27.6439324,31.271364 C26.7508858,33.1564939 28.5962756,34.8230871 29.4051115,35.8662935 C32.8231022,39.6560771 37.7601721,41.7000096 40.9380816,43.2051758 C42.1337923,43.7715015 45.642144,44.8409893 45.642144,44.8409893 C35.3324436,44.2756435 27.8954065,47.4319202 23.5328975,51.0659359 C18.5987541,55.6161336 20.7814714,61.0398287 30.8901684,64.3793468 C36.8607717,66.3517964 39.8218086,67.2794403 48.7278616,66.4798521 C53.9736206,66.1979508 54.8005631,66.3657095 54.8528642,66.7948611 C54.9264958,67.3990689 49.0263315,68.8999428 47.4155298,69.3631835 C43.3176249,70.541676 32.5753528,72.9213163 32.5215806,72.9328577 L32.5215806,72.9328577 Z" id="path4237" fill="#000000"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_espresso.svg b/website/static/images/editors/editor_espresso.svg
new file mode 100644
index 000000000..4e0735c19
--- /dev/null
+++ b/website/static/images/editors/editor_espresso.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="94px" viewBox="0 0 100 94" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Combined Shape</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-557.000000, -1456.000000)" fill="#56B3B4">
+            <g id="Group-6" transform="translate(557.000000, 1456.000000)">
+                <path d="M0,23.0948065 C2.19300958,9.2755065 38.0737634,0.0203381317 50.5928424,0.0403757827 C63.1119215,0.0604134337 94.1212997,-1.55039107 98.4794888,13.6893557 C102.837678,28.9291025 100.276198,90.9255948 57.3533232,93.0551518 C14.4304483,95.1847089 2.21861325,46.5577739 0,23.0948065 Z M47.1132487,20.2018706 C47.1408004,23.682021 51.7054887,24.4813006 53.3296516,24.532508 C54.4124269,24.5666462 56.7627691,23.9623626 60.3806784,22.7196571 C55.8842666,21.8402269 53.6360607,20.5049401 53.6360607,18.7137967 C53.6360607,16.0270817 57.0917206,14.8576621 57.0783621,13.1327543 C57.0650037,11.4078465 53.3496893,7.9808516 49.3655363,8.69719763 C51.6918519,10.4841665 53.6360607,10.4081904 53.6360607,12.2499845 C53.6360607,14.0917786 47.0856969,16.7217203 47.1132487,20.2018706 Z M34.3292273,30.3456532 C33.1939982,30.2544367 32.5003337,30.3337524 32.2482338,30.5836003 C31.9961338,30.8334481 31.9005839,31.5362966 31.961584,32.6921456 C35.2934001,52.1553839 37.3411831,62.9014556 38.104933,64.9303605 C38.8686829,66.9592655 40.8107581,67.9501087 43.9311584,67.9028904 C50.6573154,67.9028904 56.4377603,67.9028904 61.272493,67.9028904 C64.1474815,67.9028904 65.3255469,68.1441545 66.2734176,67.1595492 C67.7218312,65.6550024 67.9987428,62.6151282 67.9987428,61.8870031 C67.9987428,61.08392 67.8778675,60.6394738 67.636117,60.5536644 C55.0732519,60.5536644 48.369127,60.5204075 47.5237422,60.4538936 C46.6783574,60.3873798 46.1649854,60.0762859 45.9836261,59.5206122 C45.6288855,57.3872517 45.4515151,55.935125 45.4515151,55.1642321 C45.4515151,54.3933391 45.7903926,54.0122527 46.4681476,54.0209727 C58.1274631,53.813917 64.2214137,53.6748594 64.7499995,53.6038 C65.2785853,53.5327405 65.6227505,53.2446993 65.7824951,52.7396763 C66.061538,50.7284898 66.2251788,49.3592503 66.2734176,48.6319578 C66.3216564,47.9046653 65.8138503,47.3945401 64.7499995,47.1015822 C52.5019853,47.1015822 46.0691572,47.0913779 45.4515151,47.0709691 C44.8338731,47.0505604 44.4607646,46.5876536 44.3321897,45.6822486 C44.1204956,43.310941 43.9868185,41.7827918 43.9311584,41.097801 C43.8754982,40.4128102 44.2653048,39.9881233 45.1005779,39.8237404 C60.8416371,39.615757 69.3554124,39.5111159 70.6419038,39.5098172 C71.9283952,39.5085185 72.5915858,39.0305834 72.6314756,38.0760119 C73.0346405,35.6653712 73.3889173,33.8040033 73.694306,32.4919082 C73.9996946,31.1798131 73.4540397,30.4643948 72.0573412,30.3456532 L34.3292273,30.3456532 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_sublime.svg b/website/static/images/editors/editor_sublime.svg
new file mode 100644
index 000000000..096942603
--- /dev/null
+++ b/website/static/images/editors/editor_sublime.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Combined Shape Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-843.000000, -1456.000000)" fill-rule="nonzero" fill="#56B3B4">
+            <g id="Group-7" transform="translate(843.000000, 1456.000000)">
+                <path d="M80.9338641,0 C81.3698714,0 82.0238824,0 82.4598898,0 C83.1139008,0 83.5499081,0 83.9859155,1.98114986e-15 C85.7299449,0.446115288 87.4739743,1.56140351 88.345989,3.34586466 C89,4.46115288 89,6.02255639 89,7.36090226 C89,24.0902256 89,40.8195489 89,57.5488722 C88.7819963,66.4711779 89,75.1704261 88.7819963,83.8696742 C88.345989,86.5463659 85.9479486,89 83.1139008,89 C75.0477648,89 66.7636252,89 58.6974893,89 C48.0153092,89 37.1151255,89 26.2149418,89 C19.6748316,89 12.9167177,89 6.37660747,89 C3.54255971,89 0.926515615,86.7694236 0.272504593,83.8696742 C-0.163502756,81.4160401 0.0545009186,79.1854637 0.0545009186,76.7318296 C0.0545009186,53.7568922 0.0545009186,31.0050125 0.0545009186,8.03007519 C0.0545009186,6.24561404 0.0545009186,4.01503759 1.36252296,2.45363409 C2.67054501,1.11528822 4.63257808,0 6.81261482,0 C15.5327618,0 24.2529088,0 32.9730557,0 C45.1812615,0 57.1714636,0 69.3796693,0 C73.0857318,0 77.0097979,0 80.9338641,0 Z M20,27.3012278 L20,44 L41.2558077,52.0703406 L20,58.2360998 L20,77 L70,60.9415035 L70,43.7123538 L48.8350127,35.4881559 L70,29.2175426 L70,11 L20,27.3012278 Z" id="Combined-Shape-Copy"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_vim.svg b/website/static/images/editors/editor_vim.svg
new file mode 100644
index 000000000..78148d02a
--- /dev/null
+++ b/website/static/images/editors/editor_vim.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="92px" height="86px" viewBox="0 0 92 86" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Vimlogo</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-57.000000, -1615.000000)" fill="#56B3B4">
+            <g id="Group-8" transform="translate(57.000000, 1615.000000)">
+                <g id="Vimlogo">
+                    <polygon id="path3650" points="2.39385567 0.825242718 34.6601068 0.825242718 36.6259058 2.79062691 36.6259058 8.82233992 35.0668224 10.7199534 31.541937 10.7199534 31.541937 40.675198 61.9101711 10.7199534 56.8939902 10.7199534 55.131546 8.82233992 55.131546 2.45176775 56.7584173 0.960784217 89.4313841 0.960784217 91.0582524 2.58731196 91.0582524 8.55125151 17.1712586 84.3203883 8.76576516 84.3203883 6.33275837 82.9159865 6.33275837 10.4488677 2.25828579 10.4488677 0.766990291 8.95788412 0.766990291 2.58731196"></polygon>
+                    <g id="g3673" transform="translate(32.805825, 51.310680)" stroke="#56B3B4" stroke-width="3" fill-rule="nonzero">
+                        <path d="M12.5024711,0.0743940954 C12.4467063,0.0860911289 12.3949115,0.112115982 12.3521408,0.149929085 L10.9323545,1.37527448 C10.8899027,1.41399312 10.8582371,1.4631716 10.840486,1.51795168 L9.42069968,5.51291336 C9.37792454,5.63260309 9.40713683,5.76633606 9.49586484,5.8570172 L10.5815838,6.94807817 C10.6443419,7.008678 10.7284084,7.04186661 10.8154309,7.04039871 L15.2000651,7.04039871 C15.2870876,7.04186661 15.3711541,7.008678 15.4339122,6.94807817 L16.578093,5.78987499 C16.6175023,5.75018772 16.646239,5.70109491 16.6616098,5.64719779 L17.8809557,1.44241669 C17.914773,1.32617218 17.8827449,1.20064816 17.7974389,1.1150984 L16.8536985,0.166714638 C16.7909404,0.106114806 16.7068739,0.0729261984 16.6198514,0.0743940954 L12.5692846,0.0743940954 C12.547071,0.0721193231 12.5246848,0.0721193231 12.5024711,0.0743940954 L12.5024711,0.0743940954 Z M4.468151,11.3375004 C4.34528608,11.3639874 4.24810639,11.4583899 4.21760048,11.5808909 L3.67474101,13.7462273 C3.65030412,13.8447276 3.67217577,13.9490497 3.7340822,14.0292691 C3.79598864,14.1094886 3.89108927,14.1567414 3.99210501,14.1574733 L6.5727754,14.1574733 L0.175385366,32.5124758 C0.141862463,32.6129251 0.158191927,32.7234293 0.219314947,32.8097546 C0.280437966,32.8960799 0.378974286,32.947803 0.484397679,32.9489002 L9.79652547,32.9489002 C9.94015401,32.9509496 10.068556,32.8592677 10.1138895,32.7222952 L10.7235624,30.7499927 C10.7542497,30.6492082 10.7353629,30.5397627 10.6726984,30.4552467 C10.610034,30.3707306 10.5110769,30.3212389 10.4061984,30.3219611 L8.30157401,30.3219611 L14.6321506,11.7739247 C14.6656735,11.6734754 14.649344,11.5629712 14.588221,11.4766459 C14.527098,11.3903207 14.4285617,11.3385976 14.3231383,11.3375004 L4.53496448,11.3375004 C4.51275084,11.3352256 4.49036464,11.3352256 4.468151,11.3375004 L4.468151,11.3375004 Z M34.0999262,11.4046426 C34.0283324,11.419522 33.9636952,11.4579047 33.9161892,11.5137487 L31.9785985,13.7126561 L28.896827,13.7126561 L26.8423128,11.5724981 C26.7809228,11.5088222 26.6966879,11.4725438 26.6084656,11.4717848 L19.2506319,11.4717848 C19.112252,11.472105 18.9888129,11.5592728 18.9416196,11.689997 L18.2651332,13.7210489 C18.2316103,13.8214982 18.2479397,13.9320024 18.3090627,14.0183277 C18.3701858,14.104653 18.4687221,14.1563761 18.5741455,14.1574733 L20.5451429,14.1574733 L14.4150068,32.3110492 C14.3814839,32.4114985 14.3978133,32.5220027 14.4589364,32.608328 C14.5200594,32.6946533 14.6185957,32.7463764 14.7240191,32.7474736 L22.5578988,32.7474736 C22.6962787,32.7471534 22.8197178,32.6599856 22.8669111,32.5292614 L23.4682324,30.7583855 C23.5017553,30.6579362 23.4854258,30.547432 23.4243028,30.4611067 C23.3631798,30.3747814 23.2646434,30.3230584 23.1592201,30.3219611 L21.7895439,30.3219611 L25.698132,17.9594011 L32.7720085,17.9594011 L28.3122092,32.319442 C28.2815218,32.4202266 28.3004087,32.529672 28.3630731,32.614188 C28.4257376,32.6987041 28.5246946,32.7481958 28.6295732,32.7474736 L36.1878473,32.7474736 C36.3190314,32.7464597 36.4371212,32.6673458 36.4885079,32.5460469 L37.1649943,30.9178483 C37.2048858,30.8167964 37.1928803,30.7025046 37.1328724,30.61205 C37.0728646,30.5215953 36.9724985,30.4665004 36.8643337,30.4646383 L35.4946575,30.4646383 L39.4700591,17.8922589 L46.2015165,17.8922589 L41.6749037,32.319442 C41.6442164,32.4202266 41.6631033,32.529672 41.7257677,32.614188 C41.7884321,32.6987041 41.8873892,32.7481958 41.9922677,32.7474736 L50.2938418,32.7474736 C50.4301089,32.7484696 50.5529297,32.6650742 50.6028541,32.5376542 L51.2793405,30.7667783 C51.3162417,30.6653106 51.3015706,30.5521332 51.2400336,30.4635519 C51.1784965,30.3749706 51.0778306,30.3221227 50.9703282,30.3219611 L49.3250464,30.3219611 L54.3277052,13.9980106 C54.3611423,13.8951199 54.3424313,13.7823018 54.2775951,13.6958706 L52.7241818,11.5976764 C52.6598247,11.5157241 52.5607793,11.4690681 52.4569279,11.4717848 L46.5188805,11.4717848 C46.4277628,11.4702569 46.3400836,11.5067165 46.2766817,11.5724981 L44.4059044,13.6371212 L41.1320443,13.6371212 L39.1944536,11.5053559 C39.1310516,11.4395742 39.0433725,11.4031147 38.9522547,11.4046426 L34.1667397,11.4046426 C34.1445261,11.4023678 34.1221399,11.4023678 34.0999262,11.4046426 L34.0999262,11.4046426 Z" id="path3671"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_vs.svg b/website/static/images/editors/editor_vs.svg
new file mode 100644
index 000000000..60e06c6cf
--- /dev/null
+++ b/website/static/images/editors/editor_vs.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="103px" viewBox="0 0 100 103" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Combined Shape</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-322.000000, -1606.000000)" fill-rule="nonzero" fill="#56B3B4">
+            <g id="Group-9" transform="translate(322.000000, 1606.000000)">
+                <path d="M99.9909058,9.55082646 L100,92.8764023 L76.192692,102.390025 L34.5020021,61.9269015 L9.47833191,80.9754869 L0,76.2205721 L0.00952279806,26.2252244 L9.53244514,21.4358849 L34.5766138,40.5003252 L76.1650043,0 L99.9909058,9.55082646 Z M73.7262612,33.428364 L49.9282617,51.2187551 L73.7355697,69.1486346 L73.7262612,33.428364 Z M11.7856412,40.4997487 L11.7999339,61.8977331 L23.6891606,51.1264264 L11.7856412,40.4997487 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_vscode.svg b/website/static/images/editors/editor_vscode.svg
new file mode 100644
index 000000000..379c75c42
--- /dev/null
+++ b/website/static/images/editors/editor_vscode.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="93px" height="96px" viewBox="0 0 93 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-583.000000, -1609.000000)">
+            <g id="Group-10" transform="translate(582.000000, 1607.000000)">
+                <g id="Group">
+                    <rect id="Rectangle" stroke="#56B3B4" stroke-width="4" transform="translate(43.495935, 50.000000) rotate(-9.000000) translate(-43.495935, -50.000000) " x="8.50406504" y="7.69105691" width="69.9837398" height="84.6178862" rx="13"></rect>
+                    <path d="M18.2672676,59.0158825 L27.0746049,47.9634444 L15.4471545,38.9338587 L18.8637479,36.2590596 L30.1232028,42.7403859 L45.3964432,22.7642276 L56.2697518,25.9540967 L61.7886179,59.0158825 L52.1840755,65.8536585 L32.5055649,51.3728865 L22.9661513,60.4769702 L18.2672676,59.0158825 Z M37.3752783,45.9680386 L49.9526129,52.678562 L46.8438687,36.0412688 L37.3752783,45.9680386 Z" id="Combined-Shape" fill="#56B3B4"></path>
+                    <path d="M63.6288601,8.94308943 C63.8840486,8.94308943 70.6373627,10.6135888 83.8888022,13.9545876 L93.495935,72.6768223 L75.8553719,84.5528455 L17.0731707,74.4832388 L73.7085686,73.5143847 C66.7335744,30.4668545 63.3736715,8.94308943 63.6288601,8.94308943 Z" id="Path-11" fill="#56B3B4"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/editors/editor_webstorm.svg b/website/static/images/editors/editor_webstorm.svg
new file mode 100644
index 000000000..719b73522
--- /dev/null
+++ b/website/static/images/editors/editor_webstorm.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="102px" viewBox="0 0 100 102" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-837.000000, -1607.000000)" fill="#56B3B4">
+            <g id="Group-11" transform="translate(837.000000, 1607.000000)">
+                <g id="Group-3">
+                    <path d="M80.975751,82.0443194 L82.0846582,82.0443194 L82.0846582,77.6679637 L99.9547771,65.7531791 L89.7334017,45.7113474 L99.9547771,34.2279417 L87.1533606,1.63331256 L63.1089251,0 L59.7253996,3.85935951 L55.586961,1.63331256 L40.3281665,9.43106284 L24.7730048,0 L-4.54747351e-13,10.8239887 L12.986646,91.7429359 L63.1089251,101.07274 L69.0634361,101.07274 L73.2301344,82.4081924 L18.3829987,82.4081924 L18.3829987,18.4455651 L80.975751,18.4455651 L80.975751,82.0443194 Z" id="Combined-Shape"></path>
+                    <path d="M22.6821708,27.186751 C22.9993934,27.186751 25.0934472,27.186751 28.9643321,27.186751 L32.7360163,41.594313 L37.2403861,27.186751 L41.7278795,27.186751 L46.0140901,41.594313 L50.0203983,27.186751 L56.1766036,27.186751 L48.827932,53.6247632 L43.8596652,53.6247632 L40.0797485,38.8257495 L39.4293872,38.8257495 L35.4720618,53.6247632 L30.2601154,53.6247632 C24.8909296,35.9994217 22.3649481,27.186751 22.6821708,27.186751 Z" id="Path-13"></path>
+                    <rect id="Rectangle" x="24.1308759" y="70.6012526" width="24.0255009" height="3.89887514"></rect>
+                    <path d="M55.532627,49.7298027 L58.2349196,45.8710606 C62.0420032,47.8626208 64.6551798,48.866496 66.0744494,48.8826865 C68.2033538,48.9069721 70.2419073,48.230267 70.2431422,46.2763016 C70.2439654,44.973658 67.8716558,43.6479636 63.1262132,42.2992185 C58.4707785,41.3766384 56.148275,38.7632559 56.1587027,34.4590712 C56.1743443,28.0027941 62.8302576,26.5419508 65.0151425,26.6670836 C67.2000273,26.7922164 73.8448269,28.581945 74.7326936,30.0967107 C74.1118318,30.9217366 73.0438122,32.3758568 71.5286349,34.4590712 C69.414483,32.3300296 67.509742,31.2884224 65.8144118,31.3342496 C63.2714166,31.4029903 61.6159754,32.6664613 61.5112178,34.4590712 C61.4064602,36.2516811 65.2032533,37.1763837 68.8090542,38.1948393 C72.4148552,39.213295 76.4421561,42.8228005 76.0725203,46.2763016 C75.7028846,49.7298027 72.8349145,54.3959396 66.576833,54.2193541 C62.4047786,54.1016305 58.7233766,52.6051134 55.532627,49.7298027 Z" id="Path-14"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/get_started_rects.svg b/website/static/images/get_started_rects.svg
new file mode 100644
index 000000000..cd9db13c4
--- /dev/null
+++ b/website/static/images/get_started_rects.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="385px" height="289px" viewBox="0 0 385 289" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 14</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
+        <g id="prettier-homepage" transform="translate(-669.000000, -1949.000000)" fill="#C6CBD0">
+            <g id="Group-14" transform="translate(669.000000, 1949.000000)">
+                <rect id="Rectangle-Copy-122" x="315" y="20" width="70" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-129" x="235" y="100" width="90" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-163" x="343" y="200" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-127" x="255" y="80" width="90" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-161" x="295" y="180" width="90" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-151" x="155" y="80" width="90" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-138" x="235" y="259" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-150" x="205" y="0" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-180" x="275" y="0" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-124" x="295" y="40" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-175" x="140" y="120" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-171" x="65" y="60" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-134" x="240" y="160" width="145" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-159" x="50" y="0" width="145" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-130" x="270" y="120" width="115" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-111" x="345" y="0" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-170" x="237" y="240" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-158" x="95" y="40" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-157" x="95" y="20" width="100" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-149" x="245" y="40" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-176" x="105" y="80" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-162" x="245" y="180" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-177" x="345" y="259" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-174" x="0" y="0" width="40" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-123" x="365" y="40" width="20" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-125" x="275" y="60" width="110" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-152" x="145" y="40" width="90" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-142" x="205" y="20" width="100" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-169" x="285" y="240" width="100" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-153" x="210" y="120" width="50" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-173" x="35" y="20" width="50" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-160" x="180" y="160" width="50" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-126" x="355" y="80" width="30" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-178" x="305" y="259" width="30" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-167" x="285" y="220" width="30" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-132" x="295" y="140" width="20" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-179" x="365" y="279" width="20" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-131" x="325" y="140" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-172" x="55" y="40" width="30" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-166" x="325" y="220" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-133" x="200" y="140" width="85" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-154" x="165" y="100" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-168" x="215" y="220" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-164" x="203" y="200" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-165" x="273" y="200" width="60" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-148" x="135" y="60" width="130" height="10" rx="5"></rect>
+                <rect id="Rectangle-Copy-128" x="335" y="100" width="50" height="10" rx="5"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/github.svg b/website/static/images/github.svg
new file mode 100644
index 000000000..2f9e2d91d
--- /dev/null
+++ b/website/static/images/github.svg
@@ -0,0 +1 @@
+<svg aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-github-icon">GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
\ No newline at end of file
diff --git a/website/static/images/github_grey.svg b/website/static/images/github_grey.svg
new file mode 100644
index 000000000..b6b13e972
--- /dev/null
+++ b/website/static/images/github_grey.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path style="fill:#6f7b81" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
diff --git a/website/static/images/languages/css_small_grey.svg b/website/static/images/languages/css_small_grey.svg
new file mode 100644
index 000000000..e56afc5ec
--- /dev/null
+++ b/website/static/images/languages/css_small_grey.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="43px" height="49px" viewBox="0 0 43 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>CSS3_logo_and_wordmark Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
+        <g id="prettier-homepage" transform="translate(-878.000000, -1002.000000)" fill-rule="nonzero" fill="#FFFFFF">
+            <g id="CSS3_logo_and_wordmark-Copy" transform="translate(878.000000, 1002.000000)">
+                <path d="M21.4906943,19.9626939 L8.97106695,19.9626939 L9.45354171,25.3715373 L21.4906943,25.3715373 L28.1101413,25.3715373 L27.485295,32.3864772 L21.4813886,34.0147285 L21.4764097,34.0165151 L15.481157,32.3899315 L15.0979037,28.0760781 L12.1846808,28.0760781 L9.69406783,28.0760781 L10.4482458,36.5688317 L21.4752243,39.6446424 L21.5,39.637734 L21.5,39.6368391 L32.5171393,36.5688317 L32.5981049,35.65501 L33.8630898,21.4151369 L33.9944367,19.9626939 L34.9662618,9.01493753 L21.4906943,9.01493753 L8.00161275,9.01493753 L8.49096307,14.4239 L21.4906943,14.4239 L29.0667927,14.4239 L28.5769682,19.9626939 L21.4906943,19.9626939 Z M43,0 L39.0825894,44.0948782 L21.4736832,49 L3.91326151,44.1017867 L0,0 L43,0 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/graphql_small_grey.svg b/website/static/images/languages/graphql_small_grey.svg
new file mode 100644
index 000000000..fd0cd7c35
--- /dev/null
+++ b/website/static/images/languages/graphql_small_grey.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="44px" height="49px" viewBox="0 0 44 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>GraphQL_Logo Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.498754529">
+        <g id="prettier-homepage" transform="translate(-877.000000, -1066.000000)" fill-rule="nonzero" fill="#FFFFFF">
+            <g id="GraphQL_Logo-Copy" transform="translate(877.000000, 1066.000000)">
+                <g id="GraphQL_Logo">
+                    <g id="Group">
+                        <rect id="Rectangle-path" transform="translate(13.211995, 19.477512) rotate(-149.999272) translate(-13.211995, -19.477512) " x="12.1647032" y="-0.540797083" width="2.09458334" height="40.0366192"></rect>
+                        <rect id="Rectangle-path" x="1.78556425" y="33.525" width="40.4162533" height="2.075"></rect>
+                        <rect id="Rectangle-path" transform="translate(13.216802, 39.573487) rotate(-149.999272) translate(-13.216802, -39.573487) " x="1.54517839" y="38.5360103" width="23.3432481" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.778176, 9.438613) rotate(-149.999272) translate(-30.778176, -9.438613) " x="19.1065515" y="8.40113533" width="23.3432481" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" transform="translate(13.222405, 9.430712) rotate(-120.000728) translate(-13.222405, -9.430712) " x="12.1751133" y="-2.13153312" width="2.09458334" height="23.1244912"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.792548, 19.477888) rotate(-120.000728) translate(-30.792548, -19.477888) " x="10.5848656" y="18.4404103" width="40.4153641" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" x="3.38808194" y="12.9375" width="2.09462942" height="23.125"></rect>
+                        <rect id="Rectangle-path" x="38.5172886" y="12.9375" width="2.09462942" height="23.125"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.778087, 39.561950) rotate(-120.000728) translate(-30.778087, -39.561950) " x="29.8632842" y="29.5059212" width="1.82960593" height="20.1120575"></rect>
+                        <path d="M43.387933,36.7375 C42.176581,38.825 39.4762756,39.5375 37.3690279,38.3375 C35.2617803,37.1375 34.54254,34.4625 35.753892,32.375 C36.9652439,30.2875 39.6655493,29.575 41.772797,30.775 C43.8926629,31.9875 44.6119032,34.65 43.387933,36.7375" id="Shape"></path>
+                        <path d="M8.23348976,16.625 C7.0221378,18.7125 4.3218324,19.425 2.21458473,18.225 C0.107337058,17.025 -0.611903166,14.35 0.59944879,12.2625 C1.81080074,10.175 4.51110615,9.4625 6.61835382,10.6625 C8.72560149,11.875 9.44484171,14.5375 8.23348976,16.625" id="Shape"></path>
+                        <path d="M0.612067039,36.7375 C-0.599284916,34.65 0.119955307,31.9875 2.22720298,30.775 C4.33445065,29.575 7.0221378,30.2875 8.24610801,32.375 C9.45745996,34.4625 8.73821974,37.125 6.63097207,38.3375 C4.51110615,39.5375 1.82341899,38.825 0.612067039,36.7375" id="Shape"></path>
+                        <path d="M35.7665102,16.625 C34.5551583,14.5375 35.2743985,11.875 37.3816462,10.6625 C39.4888939,9.4625 42.176581,10.175 43.4005512,12.2625 C44.6119032,14.35 43.8926629,17.0125 41.7854153,18.225 C39.6781676,19.425 36.9778622,18.7125 35.7665102,16.625" id="Shape"></path>
+                        <path d="M22,48.975 C19.5646778,48.975 17.5962309,47.025 17.5962309,44.6125 C17.5962309,42.2 19.5646778,40.25 22,40.25 C24.4353222,40.25 26.4037691,42.2 26.4037691,44.6125 C26.4037691,47.0125 24.4353222,48.975 22,48.975" id="Shape"></path>
+                        <path d="M22,8.75 C19.5646778,8.75 17.5962309,6.8 17.5962309,4.3875 C17.5962309,1.975 19.5646778,0.025 22,0.025 C24.4353222,0.025 26.4037691,1.975 26.4037691,4.3875 C26.4037691,6.8 24.4353222,8.75 22,8.75" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/js_small_grey.svg b/website/static/images/languages/js_small_grey.svg
new file mode 100644
index 000000000..11657b3a3
--- /dev/null
+++ b/website/static/images/languages/js_small_grey.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Unofficial_JavaScript_logo_2 Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-875.000000, -939.000000)" fill-rule="nonzero" fill="#8C9599">
+            <g id="Unofficial_JavaScript_logo_2-Copy" transform="translate(875.000000, 939.000000)">
+                <g id="Group">
+                    <path d="M0,0 L48,0 L48,48 L0,48 L0,0 Z M32.2438095,37.5001905 L28.5782857,39.6297143 C29.9024762,42.2460952 32.6087619,44.2422857 36.7977143,44.2422857 C41.0819048,44.2422857 44.272,42.0175238 44.272,37.9565714 C44.272,34.1897143 42.1081905,32.5142857 38.2758095,30.8708571 L37.1481905,30.3878095 C35.2129524,29.5497143 34.3748571,29.0019048 34.3748571,27.6487619 C34.3748571,26.5539048 35.2121905,25.7158095 36.5333333,25.7158095 C37.8285714,25.7158095 38.6628571,26.2620952 39.4361905,27.6487619 L42.9485714,25.3935238 C41.4628571,22.7801905 39.4011429,21.7820952 36.5333333,21.7820952 C32.5051429,21.7820952 29.927619,24.3573333 29.927619,27.7401905 C29.927619,31.4125714 32.0899048,33.1497143 35.3447619,34.536381 L36.472381,35.0201905 C38.5295238,35.92 39.7561905,36.4678095 39.7561905,38.0144762 C39.7561905,39.3051429 38.5622857,40.2392381 36.6933333,40.2392381 C34.4685714,40.2392381 33.2106667,39.0788571 32.2438095,37.5001905 Z M16.3100952,37.8910476 L12.6384762,40.1139048 C13.7020952,42.3649524 15.7935238,44.2339048 19.4049524,44.2339048 C23.4019048,44.2339048 26.1401905,42.1081905 26.1401905,37.4377143 L26.1401905,22.039619 L21.6297143,22.039619 L21.6297143,37.3767619 C21.6297143,39.6312381 20.6948571,40.2110476 19.2129524,40.2110476 C17.6632381,40.2110476 17.0186667,39.1481905 16.3100952,37.8910476 Z" id="Combined-Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/markdown_small_grey.svg b/website/static/images/languages/markdown_small_grey.svg
new file mode 100644
index 000000000..3fcaeb77a
--- /dev/null
+++ b/website/static/images/languages/markdown_small_grey.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="49px" height="31px" viewBox="0 0 49 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>markdown-mark copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.498754529">
+        <g id="prettier-homepage" transform="translate(-875.000000, -1128.000000)">
+            <g id="markdown-mark-copy" transform="translate(877.000000, 1130.000000)">
+                <rect id="Rectangle-path" stroke="#FFFFFF" stroke-width="3" x="0" y="0" width="45" height="27" rx="2"></rect>
+                <path d="M5,22 L5,6 L9.5,6 L14,11.8823529 L18.5,6 L23,6 L23,22 L18.5,22 L18.5,12.8235294 L14,18.7058824 L9.5,12.8235294 L9.5,22 L5,22 Z M33,22 L26,14.2352941 L30.6666667,14.2352941 L30.6666667,6 L35.3333333,6 L35.3333333,14.2352941 L40,14.2352941 L33,22 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/python_small_grey.svg b/website/static/images/languages/python_small_grey.svg
new file mode 100644
index 000000000..7a1f49852
--- /dev/null
+++ b/website/static/images/languages/python_small_grey.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="40px" viewBox="0 0 41 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.5">
+        <g id="prettier-homepage" transform="translate(-879.000000, -1229.000000)" fill-rule="nonzero" fill="#FFFFFF">
+            <g id="Group-2" transform="translate(879.000000, 1229.000000)">
+                <path d="M19.9004911,0.980806287 C18.2480153,0.988207929 16.6699379,1.12406129 15.2813923,1.36090923 C11.1909109,2.05751977 10.448238,3.51558537 10.4482377,6.20450671 L10.4482377,9.75575417 L20.1145469,9.75575417 L20.1145469,10.9395033 L10.4482377,10.9395033 L6.82055516,10.9395033 C4.01125656,10.9395033 1.55135427,12.5672012 0.781928312,15.6636398 C-0.105594803,19.2128772 -0.144961278,21.4276591 0.781928312,25.1336331 C1.46904411,27.8922167 3.1099697,29.8577689 5.91926758,29.8577696 L9.24276553,29.8577696 L9.24276553,25.6006167 C9.24276553,22.525075 12.003281,19.8121926 15.2813923,19.8121919 L24.9364355,19.8121919 C27.6240574,19.8121919 29.7695912,17.6790407 29.7695901,15.0771953 L29.7695901,6.20450671 C29.7695901,3.67928906 27.5596402,1.78235784 24.9364355,1.36090923 C23.2759079,1.09445479 21.5529669,0.973404644 19.9004911,0.980806287 Z M14.6730232,3.8370084 C15.6714865,3.8370084 16.4868644,4.63584004 16.4868644,5.61806218 C16.4868637,6.59680283 15.6714865,7.38825586 14.6730232,7.38825586 C13.6709803,7.38825551 12.8591819,6.59680248 12.8591819,5.61806218 C12.8591816,4.63584039 13.6709803,3.8370084 14.6730232,3.8370084 Z" id="path1948"></path>
+                <path d="M30.8997235,10.8817765 L30.8997235,15.0194685 C30.8997235,18.2273653 28.0783707,20.9273539 24.8610967,20.9273542 L15.2060535,20.9273542 C12.5613755,20.9273542 10.3728992,23.1092695 10.3728989,25.6623508 L10.3728989,34.5350384 C10.3728989,37.0602564 12.6508448,38.5455614 15.2060535,39.270035 C18.2658639,40.1373161 21.2000619,40.2940558 24.8610967,39.270035 C27.294629,38.5908401 29.6942524,37.2239569 29.6942513,34.5350384 L29.6942513,30.983792 L20.0392082,30.983792 L20.0392082,29.8000428 L29.6942513,29.8000428 L34.5274074,29.8000428 C37.3367064,29.8000428 38.3835663,27.9111152 39.3605585,25.0759063 C40.369759,22.1571029 40.3268181,19.3502003 39.3605585,15.6059131 C38.6662858,12.9100263 37.3402791,10.8817765 34.5274074,10.8817765 L30.8997235,10.8817765 Z M25.4694658,33.3512903 C26.4715094,33.3512913 27.2833071,34.1427443 27.2833071,35.1214829 C27.2833063,36.1037037 26.4715083,36.9025367 25.4694658,36.9025367 C24.4710014,36.9025367 23.6556246,36.1037037 23.6556246,35.1214829 C23.6556253,34.1427443 24.4710003,33.3512903 25.4694658,33.3512903 Z" id="path1950"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/swift_small_grey.svg b/website/static/images/languages/swift_small_grey.svg
new file mode 100644
index 000000000..67138fe3e
--- /dev/null
+++ b/website/static/images/languages/swift_small_grey.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="47px" height="42px" viewBox="0 0 47 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Swift_logo-3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.5">
+        <g id="prettier-homepage" transform="translate(-876.000000, -1172.000000)" fill-rule="nonzero" fill="#FFFFFF">
+            <g id="Swift_logo-3" transform="translate(876.000000, 1172.000000)">
+                <path d="M35.4516052,39.0941163 C29.9152946,42.2834544 22.3030158,42.6111423 14.6444727,39.337812 C8.4434964,36.7068446 3.29829824,32.1014688 5.68434189e-14,26.8395341 C1.58319265,28.1550178 3.43021119,29.2078779 5.40914269,30.1282433 C13.3182256,33.8250836 21.2256477,33.571924 26.7904287,30.1377072 C26.7868699,30.1341582 26.7844973,30.1317923 26.7821248,30.1282433 C18.8661616,24.076072 12.1376521,16.181987 7.12448554,9.73588044 C6.06858881,8.68325691 5.27699248,7.36753664 4.48539616,6.18348304 C10.5542222,11.7092242 20.1856469,18.6817609 23.6151464,20.6561694 C16.3599341,13.0247079 9.8947761,3.5525157 10.1581275,3.81513924 C21.6364521,15.3930517 32.3235363,21.971653 32.3235363,21.971653 C32.677044,22.1703952 32.9498856,22.3360136 33.1693451,22.4838872 C33.4006672,21.8971247 33.603519,21.2878855 33.7743415,20.6561694 C35.62136,13.9462563 33.5109901,6.31479481 28.8928506,0 C39.5787485,6.44669807 45.9122309,18.5504491 43.2727856,28.6815662 C43.2039821,28.9548366 43.1292472,29.2245581 43.0485811,29.4895476 C43.079424,29.5262202 43.110267,29.5640759 43.1411099,29.6031145 C48.4176279,36.1817159 46.9668227,43.1542525 46.307258,41.8387688 C43.4447944,36.2526952 38.1457373,37.9609312 35.4517238,39.0942346 L35.4516052,39.0941163 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/tools_css.svg b/website/static/images/languages/tools_css.svg
new file mode 100644
index 000000000..8b2e5ede4
--- /dev/null
+++ b/website/static/images/languages/tools_css.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="43px" height="49px" viewBox="0 0 43 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>CSS3_logo_and_wordmark Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage-copy" transform="translate(-267.000000, -913.000000)" fill-rule="nonzero" fill="#C695C8">
+            <g id="CSS3_logo_and_wordmark-Copy" transform="translate(267.000000, 913.000000)">
+                <path d="M21.4906943,19.9626939 L8.97106695,19.9626939 L9.45354171,25.3715373 L21.4906943,25.3715373 L28.1101413,25.3715373 L27.485295,32.3864772 L21.4813886,34.0147285 L21.4764097,34.0165151 L15.481157,32.3899315 L15.0979037,28.0760781 L12.1846808,28.0760781 L9.69406783,28.0760781 L10.4482458,36.5688317 L21.4752243,39.6446424 L21.5,39.637734 L21.5,39.6368391 L32.5171393,36.5688317 L32.5981049,35.65501 L33.8630898,21.4151369 L33.9944367,19.9626939 L34.9662618,9.01493753 L21.4906943,9.01493753 L8.00161275,9.01493753 L8.49096307,14.4239 L21.4906943,14.4239 L29.0667927,14.4239 L28.5769682,19.9626939 L21.4906943,19.9626939 Z M43,0 L39.0825894,44.0948782 L21.4736832,49 L3.91326151,44.1017867 L0,0 L43,0 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/tools_gql.svg b/website/static/images/languages/tools_gql.svg
new file mode 100644
index 000000000..9857bc455
--- /dev/null
+++ b/website/static/images/languages/tools_gql.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="44px" height="49px" viewBox="0 0 44 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>GraphQL_Logo Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage-copy" transform="translate(-497.000000, -916.000000)" fill-rule="nonzero" fill="#C695C8">
+            <g id="GraphQL_Logo-Copy" transform="translate(497.000000, 916.000000)">
+                <g id="GraphQL_Logo">
+                    <g id="Group">
+                        <rect id="Rectangle-path" transform="translate(13.211995, 19.477512) rotate(-149.999272) translate(-13.211995, -19.477512) " x="12.1647032" y="-0.540797083" width="2.09458334" height="40.0366192"></rect>
+                        <rect id="Rectangle-path" x="1.78556425" y="33.525" width="40.4162533" height="2.075"></rect>
+                        <rect id="Rectangle-path" transform="translate(13.216802, 39.573487) rotate(-149.999272) translate(-13.216802, -39.573487) " x="1.54517839" y="38.5360103" width="23.3432481" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.778176, 9.438613) rotate(-149.999272) translate(-30.778176, -9.438613) " x="19.1065515" y="8.40113533" width="23.3432481" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" transform="translate(13.222405, 9.430712) rotate(-120.000728) translate(-13.222405, -9.430712) " x="12.1751133" y="-2.13153312" width="2.09458334" height="23.1244912"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.792548, 19.477888) rotate(-120.000728) translate(-30.792548, -19.477888) " x="10.5848656" y="18.4404103" width="40.4153641" height="2.07495435"></rect>
+                        <rect id="Rectangle-path" x="3.38808194" y="12.9375" width="2.09462942" height="23.125"></rect>
+                        <rect id="Rectangle-path" x="38.5172886" y="12.9375" width="2.09462942" height="23.125"></rect>
+                        <rect id="Rectangle-path" transform="translate(30.778087, 39.561950) rotate(-120.000728) translate(-30.778087, -39.561950) " x="29.8632842" y="29.5059212" width="1.82960593" height="20.1120575"></rect>
+                        <path d="M43.387933,36.7375 C42.176581,38.825 39.4762756,39.5375 37.3690279,38.3375 C35.2617803,37.1375 34.54254,34.4625 35.753892,32.375 C36.9652439,30.2875 39.6655493,29.575 41.772797,30.775 C43.8926629,31.9875 44.6119032,34.65 43.387933,36.7375" id="Shape"></path>
+                        <path d="M8.23348976,16.625 C7.0221378,18.7125 4.3218324,19.425 2.21458473,18.225 C0.107337058,17.025 -0.611903166,14.35 0.59944879,12.2625 C1.81080074,10.175 4.51110615,9.4625 6.61835382,10.6625 C8.72560149,11.875 9.44484171,14.5375 8.23348976,16.625" id="Shape"></path>
+                        <path d="M0.612067039,36.7375 C-0.599284916,34.65 0.119955307,31.9875 2.22720298,30.775 C4.33445065,29.575 7.0221378,30.2875 8.24610801,32.375 C9.45745996,34.4625 8.73821974,37.125 6.63097207,38.3375 C4.51110615,39.5375 1.82341899,38.825 0.612067039,36.7375" id="Shape"></path>
+                        <path d="M35.7665102,16.625 C34.5551583,14.5375 35.2743985,11.875 37.3816462,10.6625 C39.4888939,9.4625 42.176581,10.175 43.4005512,12.2625 C44.6119032,14.35 43.8926629,17.0125 41.7854153,18.225 C39.6781676,19.425 36.9778622,18.7125 35.7665102,16.625" id="Shape"></path>
+                        <path d="M22,48.975 C19.5646778,48.975 17.5962309,47.025 17.5962309,44.6125 C17.5962309,42.2 19.5646778,40.25 22,40.25 C24.4353222,40.25 26.4037691,42.2 26.4037691,44.6125 C26.4037691,47.0125 24.4353222,48.975 22,48.975" id="Shape"></path>
+                        <path d="M22,8.75 C19.5646778,8.75 17.5962309,6.8 17.5962309,4.3875 C17.5962309,1.975 19.5646778,0.025 22,0.025 C24.4353222,0.025 26.4037691,1.975 26.4037691,4.3875 C26.4037691,6.8 24.4353222,8.75 22,8.75" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/tools_js.svg b/website/static/images/languages/tools_js.svg
new file mode 100644
index 000000000..e9f186132
--- /dev/null
+++ b/website/static/images/languages/tools_js.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Unofficial_JavaScript_logo_2 Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage-copy" transform="translate(-57.000000, -917.000000)" fill-rule="nonzero" fill="#C695C8">
+            <g id="Unofficial_JavaScript_logo_2-Copy" transform="translate(57.000000, 917.000000)">
+                <g id="Group">
+                    <path d="M0,0 L48,0 L48,48 L0,48 L0,0 Z M32.2438095,37.5001905 L28.5782857,39.6297143 C29.9024762,42.2460952 32.6087619,44.2422857 36.7977143,44.2422857 C41.0819048,44.2422857 44.272,42.0175238 44.272,37.9565714 C44.272,34.1897143 42.1081905,32.5142857 38.2758095,30.8708571 L37.1481905,30.3878095 C35.2129524,29.5497143 34.3748571,29.0019048 34.3748571,27.6487619 C34.3748571,26.5539048 35.2121905,25.7158095 36.5333333,25.7158095 C37.8285714,25.7158095 38.6628571,26.2620952 39.4361905,27.6487619 L42.9485714,25.3935238 C41.4628571,22.7801905 39.4011429,21.7820952 36.5333333,21.7820952 C32.5051429,21.7820952 29.927619,24.3573333 29.927619,27.7401905 C29.927619,31.4125714 32.0899048,33.1497143 35.3447619,34.536381 L36.472381,35.0201905 C38.5295238,35.92 39.7561905,36.4678095 39.7561905,38.0144762 C39.7561905,39.3051429 38.5622857,40.2392381 36.6933333,40.2392381 C34.4685714,40.2392381 33.2106667,39.0788571 32.2438095,37.5001905 Z M16.3100952,37.8910476 L12.6384762,40.1139048 C13.7020952,42.3649524 15.7935238,44.2339048 19.4049524,44.2339048 C23.4019048,44.2339048 26.1401905,42.1081905 26.1401905,37.4377143 L26.1401905,22.039619 L21.6297143,22.039619 L21.6297143,37.3767619 C21.6297143,39.6312381 20.6948571,40.2110476 19.2129524,40.2110476 C17.6632381,40.2110476 17.0186667,39.1481905 16.3100952,37.8910476 Z" id="Combined-Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/tools_md.svg b/website/static/images/languages/tools_md.svg
new file mode 100644
index 000000000..eb1654bc8
--- /dev/null
+++ b/website/static/images/languages/tools_md.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="49px" height="31px" viewBox="0 0 49 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>markdown-mark copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage-copy" transform="translate(-497.000000, -988.000000)">
+            <g id="markdown-mark-copy" transform="translate(499.000000, 990.000000)">
+                <rect id="Rectangle-path" stroke="#C695C8" stroke-width="3" x="0" y="0" width="45" height="27" rx="2"></rect>
+                <path d="M5,22 L5,6 L9.5,6 L14,11.8823529 L18.5,6 L23,6 L23,22 L18.5,22 L18.5,12.8235294 L14,18.7058824 L9.5,12.8235294 L9.5,22 L5,22 Z M33,22 L26,14.2352941 L30.6666667,14.2352941 L30.6666667,6 L35.3333333,6 L35.3333333,14.2352941 L40,14.2352941 L33,22 Z" id="Shape" fill="#C695C8" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/languages/tools_wip.svg b/website/static/images/languages/tools_wip.svg
new file mode 100644
index 000000000..1b6cdc78f
--- /dev/null
+++ b/website/static/images/languages/tools_wip.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="67px" height="63px" viewBox="0 0 67 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 15</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage-copy" transform="translate(-748.000000, -910.000000)" stroke="#C695C8" stroke-width="2">
+            <g id="Group-15" transform="translate(747.000000, 905.000000)">
+                <g id="tool" transform="translate(32.000000, 36.000000) rotate(21.000000) translate(-32.000000, -36.000000) translate(14.000000, 5.000000)" fill="#192B34">
+                    <path d="M11.7263138,6.97165196 C13.2218785,7.29189574 14.6418692,8.53588093 14.8333033,8.73089687 C15.6633589,9.57648342 16.9450423,11.9324966 16.9450423,11.9324966 L17.2918246,23.2986293 L17.417545,27.4192388 L20.9898263,27.4192388 L21.9756132,11.9324966 C21.9756132,11.9324966 23.1789042,10.0193303 24.0150784,9.16749415 C24.8556963,8.31113122 25.4587147,7.85211945 26.5233603,7.63738378 C27.588006,7.42264813 28.7365914,7.93875312 29.4782615,7.93875312 C29.9736362,7.93875312 31.4127515,9.29036034 31.4127515,9.29036034 C31.4127515,9.29036034 31.9094645,9.74745645 32.1564496,9.83672593 C32.575379,9.98814241 35.0995526,9.83672593 35.0995526,9.83672593 C35.0995526,9.83672593 35.9354373,7.55417952 35.9265608,6.62034423 C35.916911,5.60514422 35.6284688,3.17092657 35.6284688,3.17092657 L33.0653391,2.8086964 C33.0653391,2.8086964 29.335767,3.77238792 28.7181108,3.77238792 C28.4531318,3.77238788 27.2457612,3.68465444 26.5233603,3.1709266 C25.8009595,2.65719876 24.7697278,1.07533685 24.6460199,1.07641686 C23.9061375,1.08287626 18.5058278,0.62787961 13.493035,1.37023383 C11.5513245,1.65778567 7.17965168,3.09681343 3.88700211,5.08515303 C0.726716726,6.99356206 -0.0973311702,9.70880749 0.0197320388,10.0264073 C0.3175281,10.8343465 0.397847643,11.5498688 0.539056008,11.421668 C0.795837937,11.1885399 2.49564117,10.0264072 2.49564117,10.0264072 C2.49564117,10.0264072 4.91482373,8.36788142 7.19652327,7.63738378 C8.45788815,7.23355145 10.1454639,6.63314615 11.7263138,6.97165196 Z" id="Path-2"></path>
+                    <path d="M14.5841594,61.1121627 C17.1214926,61.1121627 21.6166661,61.1121627 23.5375922,61.1121627 C24.1061589,61.1121627 24.3415908,60.6555094 24.3415908,60.6555094 C24.3415908,60.6555094 24.4370417,60.3571098 24.4309614,59.9795833 C24.2020216,45.7645569 24.1770374,50.2647072 24.1770374,50.2647072 C24.1770374,50.2647072 23.582451,42.1263101 23.1369079,38.7343936 C22.5877249,34.5534665 21.1928589,27.5461772 21.1928589,27.5461772 L17.5036201,27.5461772 L14.5841594,38.1868176 C14.5841594,38.1868176 13.6348287,45.7799531 13.4761006,59.6105008 C13.4673554,60.3725059 13.7253598,60.6555094 13.7253598,60.6555094 C13.7253598,60.6555094 14.1832682,61.1121627 14.5841594,61.1121627 Z" id="Path-1"></path>
+                </g>
+                <path d="M5.05703476,14.9529133 L6.6687365,58.9268655 L63.8423651,55.3431258 L59.1566189,12.9873442 L5.05703476,14.9529133 Z" id="Rectangle-1" transform="translate(34.486343, 35.971697) rotate(-8.000000) translate(-34.486343, -35.971697) "></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/npm.svg b/website/static/images/npm.svg
new file mode 100644
index 000000000..c612a22c9
--- /dev/null
+++ b/website/static/images/npm.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 990 990"><defs><style>.cls-1{fill:#cb3837;}.cls-2{fill:#fff;}</style></defs><title>n</title><path class="cls-1" d="M0,990V0H990V990ZM186.19,185.53V803h312V314.29H680v488.8H803.78V185.53Z"/><path class="cls-2" d="M186.19,185.53h617.6V803.09H680V314.29H498.17V803h-312Z"/></svg>
\ No newline at end of file
diff --git a/website/static/images/npm_grey.svg b/website/static/images/npm_grey.svg
new file mode 100644
index 000000000..8791bca4f
--- /dev/null
+++ b/website/static/images/npm_grey.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 990 990"><defs><style>.cls-1{fill:#6f7b81;}.cls-2{fill:transparent;}</style></defs><title>n</title><path class="cls-1" d="M0,990V0H990V990ZM186.19,185.53V803h312V314.29H680v488.8H803.78V185.53Z"/><path class="cls-2" d="M186.19,185.53h617.6V803.09H680V314.29H498.17V803h-312Z"/></svg>
diff --git a/website/static/images/users/danger-200x100.png b/website/static/images/users/danger-200x100.png
new file mode 100644
index 000000000..7f4d0f053
Binary files /dev/null and b/website/static/images/users/danger-200x100.png differ
diff --git a/website/static/images/users/storybook-200x100.png b/website/static/images/users/storybook-200x100.png
new file mode 100644
index 000000000..a867a4643
Binary files /dev/null and b/website/static/images/users/storybook-200x100.png differ
diff --git a/website/static/images/users/used_by_babel.svg b/website/static/images/users/used_by_babel.svg
new file mode 100644
index 000000000..9fcd48b89
--- /dev/null
+++ b/website/static/images/users/used_by_babel.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="151px" height="58px" viewBox="0 0 151 58" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>babel</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-133.000000, -2983.000000)" fill-rule="nonzero" fill="#6F7B81">
+            <g id="babel" transform="translate(133.000000, 2983.000000)">
+                <path d="M103.160059,4.87127796 L103.100059,3.98992695 L102.160059,4.11149261 L102.220059,4.99284362 L103.160059,4.87127796 Z M106.228233,12.866997 L106.25096,13.0727235 L107.00096,13.0341498 C106.978233,12.9055708 107.069142,12.6998443 107.228233,12.4426861 L107.160051,12.0698069 C106.841869,12.0826648 106.523687,12.3526808 106.228233,12.866997 L106.228233,12.866997 Z M92.5231567,23.3949756 C92.5009263,23.0948975 91.5672471,21.9279272 89.7221193,19.8718367 C89.6887736,19.4939606 90.3223416,18.9271465 91.6228233,18.1825083 L95.3353094,14.9483336 C96.1689515,13.8925033 96.6580215,12.1809469 96.8025195,9.80255033 L96.7580585,9.2579642 C96.6135606,7.61309181 95.4242312,6.2905255 93.1678399,5.27915126 C91.8340126,4.37891704 89.4331234,3.87878692 85.9651723,3.7898749 C83.0974435,4.03438296 79.3516117,5.0568712 74.7387921,6.86845363 C73.4716562,7.77980185 72.0266765,8.69115007 70.4038533,9.60249828 L70.4260837,9.88034835 C70.5261208,9.86923435 70.681734,9.81366433 70.8595776,9.6914103 C71.0485365,9.6691823 71.1596888,9.75809432 71.170804,9.93591836 L71.4486847,9.79143633 L71.5820674,9.78032233 L71.5931827,9.90257635 C71.6042979,10.0470584 70.6039274,10.8361526 68.5809559,12.2476309 L68.7365691,12.536595 L68.6031864,12.547709 L68.2697295,12.425455 C68.2808448,12.525481 68.1363468,12.592165 67.8584661,12.614393 L67.8695813,12.736647 L68.1919229,13.1367511 C68.0918859,13.1478651 67.9362727,13.1034091 67.7250834,13.0256111 C67.2582438,13.0700671 66.8025195,13.3145752 66.3467951,13.7813633 L66.535754,12.9589271 C67.2137829,10.0359444 67.6806225,7.44638177 67.9251575,5.20135324 L67.8918118,5.0568712 C67.4249722,4.75679313 66.9692479,4.33446103 66.5468692,3.8009889 C66.5579844,3.45645482 66.5579844,3.25640277 66.5468692,3.21194676 L66.5135235,3.08969273 L66.3801408,3.12303474 C64.9129307,5.32360727 62.0896628,9.08014016 57.8992219,14.3926334 C54.7091515,18.1713943 53.0640978,20.2719408 52.9640608,20.6942729 C51.6635791,22.0390672 51.0411263,22.8503894 51.1078177,23.1282395 C50.7632456,23.3505196 50.6187477,23.5727996 50.6743238,23.8173077 C50.5742868,23.8395357 50.5075954,23.8061937 50.4853649,23.7061676 C49.9296036,24.6064019 49.1070767,25.18433 48.0066691,25.439952 L46.8506854,25.7066881 C46.6950722,25.7400301 46.6172657,25.8511701 46.6283809,26.0401082 L46.6617266,26.1845902 L47.0952205,26.0845642 L47.1285661,26.2068182 L46.1504261,26.5846943 L44.4164505,26.9847984 L43.5050019,27.0403684 C43.3716191,27.1737365 44.2274917,27.0292544 43.8940348,27.1070524 L42.7602816,27.3737885 C42.0711375,27.5293845 41.6932197,27.4738145 41.6265283,27.1959645 L41.4931456,27.2293065 C41.5153761,27.3515605 41.5264913,27.4404725 41.5042608,27.5182705 L41.4375695,27.2404205 L40.5261208,27.4515865 C40.4594294,27.0292544 39.2256391,25.4955221 36.8358651,22.8503894 C36.7914042,22.3391453 37.6361615,21.5945071 39.3590219,20.6275889 L44.2274917,16.3486979 C45.316784,14.9483336 45.9614672,12.703305 46.1726565,9.61361229 L46.1059652,8.89120211 C45.9170063,6.7128576 44.3386439,4.95684518 41.3708781,3.60093686 C39.6146721,2.41173857 36.4579474,1.77824042 31.900704,1.6782144 C28.1215265,2.00052048 23.1863653,3.3453148 17.1174509,5.69036935 C15.4501667,6.90179564 13.5494628,8.10210793 11.415339,9.29130621 L11.4486847,9.6691823 C11.5931827,9.6580683 11.7821415,9.58027028 12.0155613,9.44690225 C12.2600963,9.42467424 12.3934791,9.53581427 12.4157095,9.75809432 L12.7936273,9.54692827 L12.9825861,9.53581427 L12.9937014,9.71363831 C13.0048166,9.89146235 11.6821045,10.9250646 9.00333457,12.814445 L9.2145239,13.1478651 L9.02556502,13.1589791 L8.61430159,13.0144971 C8.62541682,13.1256371 8.43645795,13.2034351 8.04742497,13.2367771 L8.06965543,13.4368292 L8.51426454,13.9258453 C8.36976658,13.9369593 8.16969248,13.8925033 7.91404224,13.8035913 C7.04705446,13.8813893 6.20229715,14.5037734 5.36865506,15.6818577 L5.57984439,16.0152778 C6.3023342,15.3484376 6.72471286,15.0150176 6.84698036,15.0039036 L6.89144127,15.5484897 C6.76917377,15.5596037 6.58021489,15.6374017 6.32456465,15.7707697 L6.780289,16.4598379 C7.658392,15.5151477 8.62541682,14.7038255 9.68136347,14.0258713 C10.2037792,14.1592394 10.4816599,14.3259494 10.4927751,14.5037734 L10.8929233,14.4704314 C13.7606521,12.3476569 16.5950352,10.8139246 19.4071878,9.86923435 L19.4405335,10.2471104 C18.9181178,11.0250906 18.5624305,11.4251947 18.3734717,11.4474227 C18.3957021,11.7141588 18.4846239,11.9475528 18.6513524,12.1476049 C18.6958133,12.625507 17.4175621,15.8485678 14.827714,21.8056732 C8.94775843,35.6537205 4.01259726,45.9008309 0,52.5247765 C0.0111152279,52.6581445 0.0889218229,52.8359686 0.233419785,53.0582486 C1.22267506,52.8248546 1.84512783,52.5803465 2.11189329,52.3469524 L2.32308262,52.3247244 L2.35642831,52.7026005 L2.72323083,52.6692585 L3.10114857,52.4580925 C3.1122638,52.5692325 3.23453131,52.6248025 3.49018155,52.6025745 L3.52352723,52.9804506 C3.55687292,53.3472127 3.34568359,53.9029128 2.90107447,54.669779 C2.50092627,55.1254531 2.06743238,56.0812573 1.61170804,57.5371917 L1.62282327,57.7150157 L1.98962579,57.6816737 C3.5902186,55.8923193 4.80177844,54.1363069 5.63542053,52.4247505 C10.3038162,51.0577281 13.8606891,49.7129338 16.3282697,48.3903675 C18.8069655,48.1792015 20.6965543,47.5234753 21.9859207,46.445417 L21.9636903,46.245365 L21.0300111,46.5232151 L20.8188218,46.5454431 L20.7965913,46.345391 C22.6194887,46.067541 23.8755094,45.6674369 24.5757688,45.1117367 C28.1215265,42.3776921 30.8002964,40.4438556 32.6120785,39.2991133 C36.3356799,36.5650687 38.7587996,33.8977081 39.8592071,31.3081454 C40.0592812,31.2636894 40.2593553,31.2192334 40.4816599,31.1636634 C41.0040756,31.1414354 41.2930715,31.1303214 41.3708781,31.1080934 C41.3486476,31.0080674 41.3931086,30.9524974 41.4931456,30.9302694 C42.3267877,30.8413573 41.9266395,30.9858394 42.4601704,30.8635853 L43.8606891,30.5412793 C43.7717673,30.5635073 43.7384216,30.6079633 43.7606521,30.6968753 L43.9718414,30.5635073 C43.9273805,30.5635073 43.8940348,30.5523933 43.8606891,30.5412793 L44.0941089,30.4857092 L43.9829567,30.5523933 C44.1385698,30.5746213 44.3052983,30.5635073 44.4942571,30.5190513 L44.5942942,30.9302694 L38.2252686,41.0551258 L36.8136347,42.8222522 L36.1244906,45.1339647 L36.2578733,45.1006227 L36.9470174,44.8116587 L36.7247129,45.7118929 L36.7914042,45.9786289 L36.9803631,46.212023 C36.8914413,46.234251 36.8580956,46.289821 36.880326,46.389847 L36.9136717,46.5343291 L37.2026677,46.467645 C37.6250463,46.100883 37.80289,45.7674629 37.7361986,45.4673848 C38.1919229,45.5451828 38.4920341,45.5785248 38.6476473,45.5340688 L38.680993,45.6785509 C38.4031123,45.7452349 38.2586143,45.9675149 38.2363838,46.345391 L38.2697295,46.4898731 L38.4253427,46.456531 C40.7373101,43.9336524 46.4060763,35.2980724 50.9522045,29.440993 C50.8077066,28.8074948 53.1752501,27.9294886 58.0659504,26.7958604 L58.2215635,26.7625184 C58.3994072,27.5293845 58.0214894,29.385423 57.0878103,32.3306337 C56.487588,34.1088741 56.1985921,35.0869063 56.243053,35.2425024 C55.464987,37.6097849 55.0981845,38.8878952 55.1426454,39.0879473 L53.4086699,44.7672026 C52.2860319,47.6790713 51.4301593,50.7354221 50.829937,53.9584828 C50.9299741,53.9362548 51.0855873,53.9473688 51.3078918,54.0029388 L51.5524268,53.7917728 C51.5746573,53.8917988 51.6413486,53.9251408 51.7413857,53.9029128 L51.6413486,53.4916947 L52.3971841,53.4694667 C52.6194887,53.4138967 52.8084476,53.1360466 52.9640608,52.6248025 C52.9307151,51.8579363 53.0863283,51.4467182 53.4309003,51.3578062 C53.8977399,49.5351098 54.1867358,48.6237616 54.2867729,48.5904196 C54.7202668,46.7788371 55.0426084,45.7452349 55.2537977,45.4896128 C55.9095961,43.1334443 56.3875509,41.922018 56.6987773,41.8442199 L56.7654687,42.133184 L56.2875139,43.3668383 C55.4538718,47.0678012 54.6091145,49.9907839 53.7532419,52.1357864 L53.997777,53.2027307 L54.1533901,53.1693886 C56.2208225,48.7237876 59.1997036,39.9214975 63.0789181,26.7625184 C63.1900704,25.6066621 63.7458318,24.7064279 64.7350871,24.0729297 L64.5127825,23.8395357 L64.4794368,23.7172816 C64.9240459,23.6172556 65.2352723,23.4394316 65.413116,23.1949235 C65.3908855,23.0948975 65.0018525,22.9504155 64.246017,22.7503634 L66.1800667,14.4593174 C66.6024454,14.0814413 66.8469804,13.8813893 66.924787,13.8813893 L66.9581326,14.3037214 C66.8580956,14.3148354 66.7024824,14.3704054 66.5246388,14.4926594 L66.8914413,15.0150176 C67.5583549,14.2926074 68.2808448,13.6702233 69.0700259,13.1478651 C69.4701741,13.2590052 69.6702482,13.3923732 69.6924787,13.5257412 L69.9814746,13.5035132 C72.1822897,11.8919828 74.3386439,10.7361266 76.4616525,10.0359444 L76.4838829,10.3137945 C76.0948499,10.9028366 75.8280845,11.2029147 75.6835865,11.2140287 C75.705817,11.4140807 75.7613931,11.5919048 75.8614302,11.7475008 C75.8947758,12.1142629 74.9388662,14.5593435 72.9825861,19.0938565 C68.5142645,29.596589 64.7684328,37.3652769 61.7228603,42.4110341 C61.7339755,42.5110601 61.8006669,42.6444281 61.9229344,42.8222522 C62.6676547,42.6444281 63.1456095,42.4554901 63.3345684,42.2776661 L63.4679511,42.266552 L63.4901815,42.5444021 L63.8014079,42.5221741 L64.0792886,42.3776921 C64.0904039,42.4554901 64.1904409,42.4888321 64.3793998,42.4777181 L64.4016302,42.7777962 C64.4238607,43.0445322 64.2682475,43.4668643 63.9236754,44.0447925 C63.6013338,44.3893266 63.267877,45.1117367 62.9121897,46.212023 L62.9233049,46.356505 L63.2123009,46.334277 C64.4238607,44.9783687 65.3464246,43.6446884 65.9799926,42.3332361 C69.5257503,41.2885198 72.2267506,40.2771456 74.0941089,39.2768853 C75.9948129,39.1101753 77.4286773,38.6211592 78.4068173,37.798723 L78.3957021,37.654241 L77.6732123,37.865407 L77.5175991,37.876521 L77.5064839,37.732039 C78.8847721,37.5319869 79.851797,37.2207949 80.3742127,36.8095768 C83.0640978,34.7423723 85.0981845,33.2642099 86.4764728,32.3973177 C90.7669507,29.274283 92.7676917,26.2735022 92.5231567,23.3949756 L92.5231567,23.3949756 Z M92.13852,23.5839136 L92.3115969,24.7064279 C92.0808277,24.9842779 91.8308277,25.12876 91.6000584,25.139874 L91.3115969,23.2282655 C91.8500584,23.3394055 92.1192892,23.4505456 92.13852,23.5839136 L92.13852,23.5839136 Z M7.68845604,15.1128222 L7.4455989,15.139928 L7.40274176,14.2996465 L8.38845604,14.1370114 L8.40274176,14.5707051 C8.2455989,14.5978109 8.00274176,14.760446 7.68845604,15.1128222 Z M3.87921452,52.0024184 C3.43460541,51.8023663 3.03445721,51.7245683 2.68988514,51.7579103 L2.64542423,51.2133242 C2.62319378,51.0021581 2.74546128,50.8576761 3.01222675,50.8021061 C3.25676176,50.7798781 3.40125973,50.9577021 3.42349018,51.3133502 C4.0681734,50.524256 4.42386069,50.1241519 4.49055206,50.1130379 L4.90181549,50.279748 C4.76843275,51.3911482 4.42386069,51.9579624 3.87921452,52.0024184 Z M43.9051501,10.1359704 C43.7161912,10.1581984 43.3382734,9.56915628 42.7936273,8.402186 L42.7602816,8.05765192 C43.1159689,8.02430991 43.4827714,8.60223805 43.8718044,9.79143633 L43.9051501,10.1359704 Z M43.3716191,5.99044742 L43.2160059,6.35720951 L37.7806595,4.08995297 C41.4042238,4.212207 43.2715821,4.84570515 43.3716191,5.99044742 Z M20.6183772,26.1913216 L19.6600438,26.3539567 L19.6183772,25.5136752 L20.5767105,25.35104 L20.6183772,26.1913216 Z M19.9778538,13.8591613 L20.2354295,13.8480473 L20.2960356,14.3926334 C20.0536113,14.4037474 19.7354295,14.6704835 19.3414901,15.1817276 L19.2960356,14.8038515 C19.7657325,14.3926334 20.0081568,14.0814413 19.9778538,13.8591613 L19.9778538,13.8591613 Z M18.7346843,17.6601502 L18.9955539,18.6478712 L18.2564235,18.6630669 L17.9955539,17.6753459 L18.7346843,17.6601502 Z M17.4851558,19.017702 L18.0174139,18.9827165 C17.9690268,19.6124549 17.7270913,19.9506477 17.2916074,19.9739714 L17.0174139,19.9856332 C17.3561235,19.5658076 17.5174139,19.2392766 17.4851558,19.017702 Z M16.8983099,20.9114621 L17.1906176,20.883211 L17.2060022,21.1092204 L16.7290791,21.8437509 L16.2213868,21.8861276 L16.2060022,21.6601182 C16.7136945,21.6177415 16.9444638,21.3776065 16.8983099,20.9114621 L16.8983099,20.9114621 Z M16.705817,22.6058814 L16.4116993,23.5967147 L15.9116993,23.608798 L15.705817,22.630048 L16.705817,22.6058814 Z M10.0377918,40.3327156 C9.73600851,41.5774839 9.4067904,42.210982 9.06385487,42.23321 L9.05013745,42.055386 C8.96783293,41.4441159 9.29705103,40.8661877 10.0377918,40.3327156 Z M9.32730523,42.8111382 L9.35905127,43.1197279 C9.42254333,43.5440388 9.10508301,43.794768 8.40667031,43.8140548 L8.37492428,43.5054651 C8.31143222,43.1390148 8.62889254,42.9075725 9.32730523,42.8111382 Z M8.39264395,48.0236583 L9.00998541,47.9013514 L9.03372931,48.3416563 C8.87939394,48.3661176 8.67757078,48.5373473 8.4282598,48.8308839 L8.03648542,48.9042681 C8.01274152,48.4884246 8.14333298,48.1704266 8.39264395,48.0236583 L8.39264395,48.0236583 Z M24.8203038,42.8778222 C21.5746573,44.4782386 19.6628381,45.5674108 19.0959615,46.134225 C15.5835495,47.3567653 13.8384587,48.1125174 13.8718044,48.4125955 C10.7484253,49.6462498 8.69210819,50.557598 7.70285291,51.1244122 C7.46943312,51.1466402 7.13597629,51.0577281 6.69136717,50.8576761 C6.63579103,50.2241779 6.92478696,49.7129338 7.53612449,49.3017157 C8.08077066,49.2572597 8.60318637,49.3350577 9.10337162,49.5462238 C9.68136347,49.2461457 10.6928492,48.9127256 12.1267136,48.5570775 L12.0933679,48.1792015 L10.9373842,48.2792275 C11.0818822,48.0791754 12.193405,47.5568173 14.2830678,46.7121531 L14.8610597,46.6565831 L14.8721749,46.8344071 C13.8829196,46.9233192 13.3382734,47.2122832 13.2160059,47.7346414 C13.2382364,47.9680354 13.3716191,48.0680614 13.6161541,48.0458334 C14.3608744,47.5790453 14.7276769,47.3011952 14.7165617,47.2233972 C16.1281956,46.9566612 20.0296406,44.9116847 26.4208966,41.0995818 L26.4542423,41.4441159 C26.4653575,41.6108259 25.9207114,42.077614 24.8203038,42.8778222 L24.8203038,42.8778222 Z M15.0166728,46.100883 C15.950352,46.0230849 16.7506484,45.6452089 17.4175621,44.9894827 C17.6843275,44.9672547 17.8288255,45.0672807 17.8399407,45.3006748 C17.3842164,45.3451308 16.5061134,45.7230069 15.2278622,46.456531 L15.0389033,46.467645 L15.0166728,46.100883 L15.0166728,46.100883 Z M30.8336421,33.9532781 L25.9318266,37.832065 C22.2860319,40.2215756 20.3297518,41.4218878 20.0518711,41.4441159 C14.2497221,44.6338346 10.6372731,46.289821 9.23675435,46.412075 L9.02556502,46.434303 C9.20340867,45.7785769 11.7821415,40.4994256 16.7839941,30.5635073 C18.9848092,30.3745692 22.4527603,29.352081 27.1767321,27.4849285 L28.3327158,27.3849025 C30.7224898,27.1737365 32.5120415,27.6405246 33.6902557,28.7519248 L33.756947,29.474335 C32.8677288,32.0305556 31.8895887,33.519832 30.8336421,33.9532781 L30.8336421,33.9532781 Z M21.2523157,28.7698255 L22.2384268,28.4963028 L22.2523157,29.2256967 L21.2662046,29.4992194 L21.2523157,28.7698255 Z M32.3341979,26.6939143 L32.9121897,26.6291503 C33.4457206,26.9270647 33.7236013,27.1861207 33.7458318,27.419271 L33.756947,27.6265158 C33.2456465,27.678327 32.7676917,27.3674598 32.3341979,26.6939143 L32.3341979,26.6939143 Z M33.901445,17.7601762 C33.3901445,18.3714464 31.9896258,19.4161626 29.6998888,20.883211 C28.9440534,20.949895 26.1319007,22.0390672 21.2634309,24.1729557 C21.0188959,24.0618157 20.7632456,24.0173597 20.4853649,24.0395877 L20.4520193,23.6950536 C20.3964431,22.9948715 20.7076695,22.1168653 21.3968136,21.049921 C21.7747314,19.0494005 22.1859948,17.9046583 22.6417192,17.6268082 L26.6987773,8.50221202 C26.6543164,7.93539789 27.5213042,7.50195178 29.2997406,7.20187371 L29.8777325,7.1463037 L29.9221934,7.66866182 C31.6672842,7.40192576 32.7565765,7.24632972 33.1789552,7.21298772 C36.4023712,6.93513765 38.0807707,7.5908638 38.2141534,9.15793818 L38.5809559,9.12459617 L38.5031493,8.20213395 L38.9032975,8.16879194 C39.8480919,8.69115007 40.3593924,9.32464822 40.4260837,10.0692864 C40.4705446,10.5805305 40.1926639,11.2140287 39.6035569,11.9697808 C39.3590219,11.9920089 39.2145239,11.8141848 39.1922934,11.4585367 L38.7921452,11.4918787 L38.7032234,12.603279 C37.0692849,15.0483596 35.8799555,16.3042419 35.1463505,16.3709259 C34.4794368,17.2933881 34.0681734,17.7490622 33.901445,17.7601762 Z M36.391256,24.2645242 C36.0577992,24.013795 35.7910337,23.9009669 35.5909596,23.9135034 L35.5464987,23.2992169 L35.9133012,23.2616075 L36.7247129,23.8006752 C36.7580585,24.0890138 36.6469063,24.2394513 36.391256,24.2645242 L36.391256,24.2645242 Z M38.9699889,27.2070785 C39.5518071,27.4046227 39.8972616,27.6173626 39.9699889,27.8149068 L39.6790798,27.8756896 L39.6972616,27.8908853 C39.6427162,27.8908853 39.5699889,27.906081 39.5154434,27.9212767 L39.0790798,28.2099951 L38.9699889,27.2070785 L38.9699889,27.2070785 Z M39.2478449,29.4881054 L39.1811782,28.9212395 L40.1145115,28.4851888 L40.1811782,29.0520547 L39.2478449,29.4881054 Z M40.3371619,30.2705358 C40.8151167,30.1242771 41.0485365,30.0615948 41.9377547,29.6855011 L41.9711004,29.9571243 L40.2815858,30.6884177 C40.3038162,30.542159 40.3260467,30.3959004 40.3371619,30.2705358 Z M41.9822156,30.8677096 C41.2708411,30.9562022 41.4264542,30.838212 40.292701,31.1774338 L40.2593553,30.9856998 L41.6709893,30.381 L42.3490182,30.1745172 L42.4157095,30.5284878 C42.1155984,30.6169804 42.3379029,30.6169804 41.9822156,30.8677096 L41.9822156,30.8677096 Z M43.5837269,30.9743763 C43.3724593,31.1029802 43.2034452,30.8779235 43.1048536,30.3313572 L43.6541494,30.0419986 C43.893586,29.9133948 44.0485156,30.1384515 44.1048536,30.6850177 L43.5837269,30.9743763 Z M47.5610774,26.6540348 L47.5175991,26.1883949 L48.4306426,25.6511181 L48.5175991,26.510761 L47.5610774,26.6540348 L47.5610774,26.6540348 Z M51.8969989,53.1253663 C51.9754303,52.7169387 51.9950381,52.4219632 51.9558224,52.2177494 L52.2303322,52.1496781 C52.5636656,52.0589164 52.759744,52.1950589 52.8381754,52.5581057 L52.8969989,52.8530812 L51.8969989,53.1253663 L51.8969989,53.1253663 Z M54.9425713,27.1133959 L54.6313449,27.0571786 C54.1311597,27.2595609 53.708781,27.4057258 53.364209,27.4844301 L53.075213,27.5518908 C52.9084846,27.5968647 52.7751019,27.5294039 52.7084105,27.3495085 L54.7424972,26.8772832 L55.4094109,26.5624663 L55.6317155,26.8210659 C55.3093738,26.8885267 55.0759541,26.9897178 54.9425713,27.1133959 L54.9425713,27.1133959 Z M56.5098185,26.8874288 L56.4764728,26.6868455 C56.5765098,26.6559865 56.7098926,26.5479801 56.8543905,26.3473968 L58.2993701,25.8845122 L58.3327158,26.0850955 C57.5657651,26.3473968 56.9544276,26.6096981 56.5098185,26.8874288 Z M56.732123,23.6839396 C56.632086,23.7061676 56.4987032,23.7950797 56.3319748,23.9284477 C56.3097443,23.8284217 56.1096702,23.8284217 55.7317525,23.9173337 C55.6650611,23.6394836 56.732123,23.2504935 58.9440534,22.7392494 L59.2552797,22.6725654 L59.3219711,22.9393015 C57.7658392,23.3949756 56.8988514,23.6505976 56.732123,23.6839396 L56.732123,23.6839396 Z M60.6224528,19.4828466 C60.4668396,21.2499731 59.8443868,22.2502333 58.7439793,22.5058554 L58.7106336,22.3613733 L57.7324935,22.7392494 L57.2989996,22.8392754 C57.0766951,22.8948454 56.876621,22.8837314 56.6987773,22.8281614 L56.6098555,22.4391713 C56.5765098,22.2946893 57.9881438,20.3386248 60.8558725,16.5820919 L61.1893294,16.637662 C61.3115969,17.1489061 61.122638,18.0935963 60.6224528,19.4828466 L60.6224528,19.4828466 Z M67.6113166,14.2396053 L67.3849015,14.2730358 L67.3471656,13.4372719 L68.3282977,13.2701192 L68.3471656,13.7047164 C68.1773543,13.7715775 67.9320713,13.9387303 67.6113166,14.2396053 Z M64.6683957,42.055386 C64.3349389,41.89979 64.0348277,41.8331059 63.7791775,41.855334 L63.7458318,41.4330019 C63.7347166,41.2885198 63.8236384,41.1884938 64.0125973,41.1329238 C64.2015561,41.1106958 64.3127084,41.2440638 64.3349389,41.5330279 C64.8128937,40.9217577 65.0796591,40.6105657 65.1352353,40.6105657 L65.4353464,40.7328197 C65.3241941,41.5774839 65.0685439,42.022044 64.6683957,42.055386 L64.6683957,42.055386 Z M95.1793257,10.2693384 C95.0147687,10.2804524 94.698313,9.83589234 94.2046421,8.93565812 L94.1793257,8.65780806 C94.4957814,8.63558005 94.8248953,9.06902616 95.1540092,9.95814637 L95.1793257,10.2693384 Z M94.6572805,7.09073369 L94.5238977,7.37969775 L90.4112634,5.65702735 C93.1567247,5.74593937 94.5794739,6.22384148 94.6572805,7.09073369 Z M77.6172657,22.6245592 L76.6543027,22.7974758 L76.6172657,21.9328925 L77.5802286,21.7945592 L77.6172657,22.6245592 Z M77.0327306,13.0700671 L77.3127306,13.0589531 L77.3727306,13.4812852 C77.1127306,13.4923992 76.7927306,13.6924513 76.4127306,14.0814413 L76.3727306,13.8035913 C76.8327306,13.4812852 77.0527306,13.2367771 77.0327306,13.0700671 L77.0327306,13.0700671 Z M76.1501379,15.9597078 L76.3723601,16.9425661 L75.5945824,16.9626245 L75.3723601,15.9797661 L76.1501379,15.9597078 Z M75.0855636,17.0010198 L75.6387551,16.971082 C75.5749253,17.5997761 75.3408828,17.929092 74.9366274,17.9590298 L74.6387551,17.9739987 C74.957904,17.5548693 75.1068402,17.2255534 75.0855636,17.0010198 L75.0855636,17.0010198 Z M74.7340719,18.4230232 L74.9740719,18.4047884 L74.9940719,18.6418414 L74.5340719,19.3712353 L74.0140719,19.407705 L73.9940719,19.170652 C74.5340719,19.1341823 74.7740719,18.8788944 74.7340719,18.4230232 L74.7340719,18.4230232 Z M74.6494998,19.7051267 L74.303346,20.6926139 L73.8418075,20.7080434 L73.6494998,19.7359857 L74.6494998,19.7051267 Z M69.5773872,33.1864119 C69.2700901,34.1199881 68.9447168,34.5978902 68.6012672,34.6201182 L68.5831909,34.4978642 C68.528962,34.0310761 68.8543353,33.586516 69.5773872,33.1864119 L69.5773872,33.1864119 Z M68.995284,35.0646783 L69.0346799,35.3404804 C69.1134718,35.7917929 68.7983043,36.0425221 68.0891776,36.067595 L68.0497817,35.7416471 C68.0103858,35.4156992 68.3255532,35.1900429 68.995284,35.0646783 Z M68.1720021,39.0437569 L68.7865988,38.9434653 L68.8019637,39.3780625 C68.6636794,39.411493 68.4485706,39.5786458 68.2027319,39.8795208 L67.8032441,39.9463819 C67.7878792,39.4783541 67.9107985,39.1774791 68.1720021,39.0437569 Z M80.5520563,35.1202484 C78.1067062,36.3316746 76.6506113,37.1541108 76.194887,37.5764429 C73.5272323,38.5100192 72.2045202,39.0879473 72.2267506,39.3213413 C69.8592071,40.2660316 68.3030752,40.9439857 67.5694702,41.3774318 C67.3916265,41.3885458 67.1359763,41.3218618 66.8025195,41.1662658 C66.7580585,40.6883637 66.9803631,40.2993736 67.4472027,40.0104095 C67.8695813,39.9770675 68.2697295,40.0326375 68.636532,40.1882336 C69.0811412,39.9659535 69.8480919,39.7214454 70.9373842,39.4435954 L70.9151538,39.1657453 L70.0037051,39.2324293 C70.1148574,39.0768333 70.9707299,38.6767292 72.5602075,38.032117 L73.0048166,37.998775 L73.0159318,38.1210291 C72.2600963,38.1877131 71.8377177,38.4099931 71.7487959,38.8100972 C71.7599111,38.9879213 71.8710634,39.0768333 72.0600222,39.0546053 C72.6157836,38.6878432 72.8825491,38.4766771 72.8825491,38.4099931 C73.949611,38.2210551 76.9062616,36.6650947 81.7636162,33.753226 L81.7858466,34.0310761 C81.7969618,34.1533301 81.3856984,34.5089782 80.5520563,35.1202484 L80.5520563,35.1202484 Z M73.1048536,37.5653289 C73.8273435,37.4986449 74.438681,37.2207949 74.9499815,36.7317787 C75.1389403,36.7095507 75.2500926,36.7984627 75.2612079,36.9762868 C74.927751,37.0096288 74.2719526,37.2874789 73.2826973,37.820951 L73.1270841,37.832065 L73.1048536,37.5653289 L73.1048536,37.5653289 Z M85.1315302,28.3295927 L81.4301593,31.3081454 C78.6624676,33.1197279 77.1619118,34.0310761 76.928492,34.0533041 C72.5268618,36.4761567 69.7925157,37.732039 68.7143386,37.820951 L68.5587255,37.832065 C68.6921082,37.3319349 70.6595035,33.3197799 74.4609114,25.7844861 C76.1170804,25.6400041 78.7402742,24.8509099 82.341608,23.4283176 L83.2419415,23.3505196 C85.0537236,23.1949235 86.4097814,23.5505716 87.2989996,24.4063498 L87.3434605,24.9509359 C86.6654316,26.8625444 85.9318266,27.9850587 85.1315302,28.3295927 L85.1315302,28.3295927 Z M77.8621712,24.4626577 L78.8433032,24.1840698 L78.8621712,24.9083985 L77.8810391,25.1869864 L77.8621712,24.4626577 Z M86.2763987,22.8241808 L86.7210078,22.7725914 C87.1322712,23.0821279 87.3434605,23.3572715 87.3545758,23.5808257 L87.365691,23.7699869 C86.976658,23.8215763 86.6098555,23.5120398 86.2763987,22.8241808 L86.2763987,22.8241808 Z M87.4434976,16.0375058 C87.0544646,16.5042939 85.998518,17.3045021 84.2756577,18.4159024 C83.6976658,18.4714724 81.5635421,19.2939086 77.8732864,20.894325 C77.6954428,20.827641 77.4953687,20.8054129 77.2841793,20.8165269 L77.2619489,20.5386769 C77.217488,20.0052048 77.4509077,19.3383646 77.9622082,18.5270424 C78.2512041,16.99331 78.5735458,16.1375318 78.9070026,15.9374798 L82.0081512,9.00234214 C81.9748055,8.59112404 82.6306039,8.25770396 83.9644313,8.0020819 L84.4090404,7.96873989 L84.4423861,8.391072 C85.753983,8.17990594 86.5765098,8.05765192 86.9099667,8.02430991 C89.3553168,7.81314386 90.633568,8.30215997 90.733605,9.50247226 L91.022601,9.48024425 L90.9670248,8.8134041 L91.2560207,8.79117609 C91.9673953,9.18016618 92.3453131,9.64695429 92.389774,10.2026544 C92.4231197,10.6027585 92.2230456,11.0917746 91.8006669,11.6585888 C91.611708,11.6808168 91.5005558,11.5474487 91.4783253,11.2584847 L91.1893294,11.2807127 L91.1004076,12.1142629 C89.8666173,13.9925293 88.9662838,14.9594476 88.3994072,15.0039036 C87.8992219,15.6818577 87.5879956,16.0263918 87.4434976,16.0375058 L87.4434976,16.0375058 Z M88.7471818,20.8740211 L88.7106336,20.2492533 L89.0273848,20.2163708 L89.7096183,20.7753735 C89.7218011,21.0384336 89.6243392,21.186405 89.4172326,21.2192875 C89.1248468,20.9726686 88.9055574,20.8575798 88.7471818,20.8740211 L88.7471818,20.8740211 Z M37.3904209,47.6568433 L36.8913518,47.7929859 L36.4690626,48.2241039 C36.5458425,48.5871506 36.7377921,48.7232932 37.0641065,48.6325315 C37.3904209,48.5417698 37.5247857,48.3148656 37.4480058,47.9518188 L37.3904209,47.6568433 Z M35.9220278,45.833674 L36.0431156,46.1368814 C36.7292799,46.0435868 37.0118181,45.8103504 36.8503677,45.4371721 L36.7292799,45.1339647 C36.0834782,45.2272593 35.80094,45.4604957 35.9220278,45.833674 Z M43.8272817,27.487585 L44.660615,27.2748451 L44.4939484,26.4846683 L43.660615,26.6974082 L43.8272817,27.487585 Z M144.586884,35.3203004 C141.207855,36.1133043 140.785476,35.9733624 140.074102,36.0316715 L140.096332,36.3232171 L140.407558,36.2998934 L140.574287,36.2882316 L140.529826,36.2532461 L140.896628,36.1016425 C144.242312,35.7168023 144.631345,35.8567442 144.597999,35.4602423 L144.586884,35.3203004 Z M126.391256,37.732039 L126.591256,38.7349556 L126.991256,38.7349556 L126.791256,37.732039 L126.391256,37.732039 Z M124.645099,30.4079112 L124.187957,30.3078852 C123.815471,30.9636114 123.629227,31.3526015 123.646159,31.4637415 L123.66309,31.5859955 C124.018645,31.5748815 124.340338,31.1747774 124.645099,30.4079112 L124.645099,30.4079112 Z M145.276028,35.2647304 L145.319506,36.0245157 L146.276028,36.2676471 L146.23255,35.5078617 L145.276028,35.2647304 Z M122.278622,38.2413414 L121.522786,38.1053527 L121.389403,38.547316 L121.400519,38.7682976 L125.902186,38.1903457 L125.879956,37.765381 L122.278622,38.2413414 L122.278622,38.2413414 Z M120.78202,28.3919686 L120.75719,28.0739707 L120.409567,28.0984321 L119.788811,28.4898142 L120.136434,29.0768873 C120.608208,29.0279646 120.83168,28.8078121 120.78202,28.3919686 Z M147.410152,33.2197539 L147.621341,33.1975259 C147.743609,33.1864119 147.799185,33.0863859 147.78807,32.9085618 L147.665802,32.6418258 C146.898851,32.7085098 146.543164,32.7418518 145.920711,33.0863859 L145.909596,32.9419038 L144.987032,33.0308159 C144.964802,32.7529658 144.886995,32.6084838 144.764728,32.6195978 L144.286773,32.6640538 C143.731011,32.7085098 143.464246,32.6862818 143.186365,32.8974478 C143.17525,32.7974218 143.141904,32.7529658 143.086328,32.7529658 L142.552797,32.7974218 L142.241571,32.9752458 C142.230456,32.8752198 142.19711,32.8307638 142.141534,32.8307638 L141.952575,32.9974738 L141.94146,32.8529918 L141.19674,32.7974218 L141.018896,32.8085358 L141.041126,33.0863859 L141.419044,33.1864119 L141.774731,33.1641839 C141.896999,33.2419819 142.030382,33.2642099 142.185995,33.2530959 L142.497221,33.0974999 L142.508336,33.2197539 C140.763246,33.6532 140.774361,33.575402 139.573916,33.775454 C139.440534,33.686542 139.340496,33.642086 139.273805,33.6532 L139.251575,33.675428 C139.118192,33.664314 139.040385,33.575402 139.02927,33.4309199 L139.651723,33.3531219 C139.696184,33.3531219 139.729529,33.3975779 140.074102,33.464262 C140.574287,33.2197539 140.596517,33.1197279 140.863283,33.0974999 L140.841052,32.8196498 C139.129307,33.1530699 139.818451,32.9307898 137.673212,33.1197279 L137.573175,33.1308419 L137.550945,32.8529918 C140.307521,32.5195717 139.384957,32.7085098 140.329752,32.4417737 C140.340867,32.5417997 140.374213,32.5862557 140.429789,32.5862557 C140.540941,32.4751157 140.663209,32.4195457 140.807707,32.3973177 L140.996665,32.3862037 C141.96369,32.3084057 142.286032,32.4973437 144.197851,31.9638716 L144.208966,32.0861256 L144.520193,31.9305296 L144.809189,31.9083016 C144.786958,31.6304515 145.209337,31.5859955 145.353835,31.5748815 L145.331604,31.2748034 C141.974805,31.9527576 141.096702,31.7638196 140.163023,32.0305556 L140.151908,31.9083016 C139.273805,32.0638976 139.240459,31.9972136 139.018155,32.0083276 C138.951464,32.0194416 138.851426,32.0750116 138.740274,32.1861517 C138.729159,32.0861256 138.695813,32.0416696 138.629122,32.0416696 C138.595776,32.0416696 138.584661,32.0527836 138.573546,32.0527836 L135.728047,32.5195717 C135.716932,32.4417737 135.683587,32.3973177 135.616895,32.4084317 C134.13857,32.7196238 134.538718,32.7751938 132.560207,32.9530178 C132.471286,32.9641318 132.349018,33.0085878 132.193405,33.1086139 C132.18229,33.0308159 132.137829,32.9863598 132.037792,32.9974738 L130.826232,33.0974999 L130.01482,33.2975519 C130.003705,33.2197539 129.959244,33.1752979 129.859207,33.1864119 C129.403483,33.3086659 129.003335,33.3864639 128.680993,33.4086919 L128.658763,33.4086919 C128.458688,33.4309199 128.7588,33.3531219 128.603186,33.2864379 L128.358651,33.4309199 C128.002964,33.464262 128.191923,33.4086919 126.969248,33.4198059 C124.824009,33.686542 125.057429,33.719884 124.824009,33.730998 L124.023712,33.675428 C124.034828,33.753226 123.990367,33.808796 123.901445,33.808796 C122.989996,33.686542 122.523157,33.54206 122.512041,33.3753499 C122.634309,32.5084577 122.845498,32.0638976 123.145609,32.0416696 L123.301223,32.0305556 L123.16784,32.3195197 L123.323453,32.3084057 C123.612449,32.1528096 123.745832,32.0083276 123.734717,31.8749596 L123.712486,31.5748815 L123.42349,31.5971095 L123.40126,31.3192594 C123.379029,31.1080934 123.412375,30.9191554 123.490182,30.7635593 L124.14598,29.7077291 L124.16821,29.9855791 L124.479437,29.9633511 L124.457206,29.6855011 L124.279363,29.429879 C124.512783,29.229827 124.690626,29.1186869 124.835124,29.1075729 L124.824009,28.9630909 L124.40163,28.9964329 L124.368285,28.5741008 C125.213042,26.8180884 125.61319,25.7956001 125.59096,25.5066361 L125.891071,25.6288901 C126.08003,25.6177761 126.168951,25.5066361 126.157836,25.306584 L125.86884,25.328812 L125.857725,25.206558 C125.835495,24.9953919 125.879956,24.7953399 125.968877,24.6175159 C126.424602,24.1396137 126.635791,23.6617116 126.59133,23.1615815 C126.680252,23.1504675 126.724713,23.1949235 126.735828,23.2949495 C127.124861,23.0726695 127.424972,22.4836273 127.647277,21.5055951 C128.336421,20.2608268 129.314561,17.7712902 130.592812,14.0480993 C133.038162,7.46860978 132.938125,6.76842761 133.282697,5.21246724 L132.993701,5.23469524 C133.015932,5.43474729 132.971471,5.62368534 132.882549,5.80150938 C132.682475,5.72371136 132.526862,5.67925535 132.41571,5.69036935 L132.404594,5.56811532 C132.360133,5.00130119 132.593553,4.32334703 133.127084,3.52313884 L133.260467,3.51202484 L133.505002,4.46782906 L133.793998,4.44560106 C133.782883,4.37891704 133.860689,4.00104095 134.016302,3.30085878 C134.005187,3.15637675 133.894035,3.06746473 133.67173,3.05635073 L133.39385,3.23417477 C133.371619,3.03412272 133.382734,2.5117646 133.41608,1.6782144 L133.271582,1.6893284 C133.027047,1.44482034 132.90478,1.2447683 132.893664,1.07805826 L131.304187,1.23365429 C131.293072,1.12251427 131.237495,0.955804227 131.126343,0.744638177 C131.115228,0.600156143 131.470915,0.455674108 132.20452,0.311192074 L132.526862,0.433446103 L132.826973,0.255622061 C132.838088,0.355648085 132.893664,0.400104095 133.004817,0.388990092 L133.304928,0.21116605 C133.316043,0.311192074 133.371619,0.355648085 133.482771,0.344534082 L133.627269,0.333420079 L133.605039,0.0111140026 C133.382734,0.0333420079 132.793627,0.0333420079 131.859948,0 L131.559837,0.200052048 L131.548722,0.0222280053 C124.090404,0.633498151 119.855502,0.978032233 118.844016,1.07805826 C118.710634,1.08917226 118.188218,1.07805826 117.265654,1.05583025 C117.276769,1.17808428 117.165617,1.2447683 116.943312,1.2669963 L116.620971,1.12251427 L115.531678,1.40036433 C115.276028,1.42259234 114.842534,1.41147834 114.242312,1.34479432 C114.075584,1.47816235 113.875509,1.55596037 113.630974,1.57818838 C113.497592,1.58930238 115.220452,1.48927635 116.821045,1.37813633 C116.654316,1.51150436 116.398666,1.58930238 116.042979,1.62264439 C115.798444,1.64487239 115.587255,1.61153038 115.409411,1.51150436 C115.164876,1.62264439 114.375695,1.80046843 113.052983,2.06720449 L112.730641,1.94495046 L107.528714,2.74515865 C107.32864,2.64513263 107.09522,2.61179062 106.828455,2.63401863 C106.550574,2.65624663 106.083735,2.75627266 105.439052,2.9340967 L102.92701,3.97881295 L103.115969,4.29000502 C103.238236,4.27889102 103.41608,4.212207 103.627269,4.08995297 L104.516488,4.16775099 L104.405335,5.00130119 C103.582808,5.36806328 103.104854,5.91264941 102.971471,6.60171757 C101.737681,7.1463037 101.126343,7.53529379 101.126343,7.76868785 L101.137458,7.91316988 L101.326417,7.90205588 L101.659874,7.72423184 L102.048907,8.19101995 L102.104483,8.8356321 C102.126714,9.03568415 100.048166,13.4034872 95.8910708,21.9390412 C92.2897369,30.1634032 90.4001482,34.6645742 90.2223046,35.4758964 C88.9885143,35.8204305 88.2771397,36.3205606 88.0659504,36.9874008 C88.0881808,37.1985668 88.4549833,37.3430489 89.1663579,37.3986189 L89.1997036,37.720925 L88.877362,38.2543971 L88.9329381,38.8990092 C88.9662838,39.2324293 89.8666173,39.4880514 91.6339385,39.6658754 C91.6228233,39.5547354 91.6783994,39.4880514 91.8006669,39.4769374 C91.8340126,39.8770415 91.7228603,40.6550217 91.4672101,41.8108779 L91.656169,41.7997639 C92.389774,40.7995037 92.7343461,40.1104355 92.7010004,39.7325594 L92.8566136,39.7214454 C93.0344572,39.7103314 93.2234161,39.9103835 93.4457206,40.3438296 C93.2234161,40.4327416 92.4453501,42.199868 91.1115228,45.6563229 L91.3004817,45.9675149 L91.4894405,45.9564009 C93.123379,41.8219919 94.14598,39.5325074 94.5683587,39.0990613 C96.7135976,38.9101233 100.426084,38.5322472 105.694702,37.965433 L106.028159,37.765381 C106.039274,37.876521 106.105965,37.932091 106.228233,37.920977 L106.572805,37.887635 L106.906262,37.687583 C106.917377,37.798723 106.984068,37.854293 107.106336,37.843179 L111.096702,37.4986449 C112.152649,37.4097329 112.652834,37.0874268 112.608373,36.5428407 C112.597258,36.3983587 113.219711,36.2316486 114.475732,36.0538246 C114.597999,36.0427106 114.775843,36.0760526 115.020378,36.1538506 C115.009263,36.0538246 115.642831,35.9537985 116.909967,35.8426585 C116.943312,35.1758184 117.154502,34.8201703 117.532419,34.7868283 L117.499074,34.4645222 C117.143386,34.4978642 116.743238,34.5867762 116.276399,34.7423723 C115.442757,34.6979163 114.909226,34.6312322 114.686921,34.5534342 C114.464617,34.6756882 114.297888,34.7423723 114.175621,34.7534863 L111.396814,34.8423983 L111.063357,35.0202223 C111.052242,34.9201963 110.98555,34.8757403 110.863283,34.8868543 L110.70767,34.8979683 L110.351982,35.0757923 C110.340867,34.9757663 110.051871,34.8979683 109.473879,34.8201703 L109.118192,35.0313363 L108.429048,35.0869063 L108.417933,34.9090823 C111.997036,34.5200922 113.764357,34.0310761 113.719896,33.453148 C113.953316,33.4309199 114.075584,33.54206 114.097814,33.775454 L115.142645,33.508718 L115.1093,33.1864119 L106.539459,33.4198059 C106.550574,33.530946 106.494998,33.59763 106.372731,33.608744 L105.327899,33.519832 C105.061134,33.54206 104.838829,33.619858 104.660986,33.753226 L104.271953,33.608744 C103.193775,33.697656 102.393479,33.831024 101.859948,33.9977341 C101.126343,33.9421641 100.314931,33.9532781 99.414598,34.0310761 L97.4916636,34.1977861 L96.6024454,34.0977601 C96.5579844,33.530946 97.658392,30.7413313 99.9258985,25.7400301 C100.581697,24.0507017 101.181919,22.9948715 101.759911,22.5947674 C101.882179,22.5836534 102.060022,22.6281094 102.304557,22.7281354 L103.67173,22.2613473 L104.37199,22.3724873 C105.550204,22.2724613 106.917377,21.9390412 108.484624,21.3611131 C108.873657,21.3277711 109.162653,21.3499991 109.373842,21.4389111 L110.418674,21.194403 L113.530937,20.927667 C114.853649,20.8165269 116.287514,20.5275629 117.843646,20.0496608 L117.8103,19.7273547 C117.232308,19.7829247 116.932197,19.6828987 116.909967,19.4495046 C116.876621,19.0160585 116.454242,18.8382345 115.642831,18.9049185 L115.609485,18.5826124 L116.465358,18.3381044 L118.710634,18.1491663 L118.677288,17.8268602 C118.588366,17.8379742 118.132642,17.8268602 117.287884,17.7935182 L117.254539,17.4489841 L118.121526,17.3711861 C118.354946,17.3489581 118.454983,17.2378181 118.432753,17.015538 C117.265654,17.0488801 116.676547,16.99331 116.665432,16.837714 C108.529085,17.2378181 104.449796,17.3156161 104.427566,17.0599941 C104.305298,17.0711081 104.13857,17.1489061 103.916265,17.2822741 L103.705076,16.948854 C105.86143,12.3698849 107.128566,10.0581724 107.495369,10.0248304 C107.506484,10.2026544 107.417562,10.4916185 107.217488,10.8806086 L107.228603,11.0250906 L107.573175,10.9917486 C108.429048,8.94677213 109.151538,7.89094188 109.75176,7.84648587 C112.308262,7.62420581 109.396073,7.45749577 114.864765,6.60171757 C115.087069,6.70174359 115.242682,6.7461996 115.353835,6.7350856 C117.499074,6.3016395 120.48907,5.84596539 124.323824,5.37917728 L124.301593,5.0568712 L122.256391,5.24580925 L122.234161,4.92350317 C122.478696,4.90127517 122.67877,4.82347715 122.845498,4.69010912 L122.856614,4.86793316 C122.967766,4.85681915 123.123379,4.77902114 123.323453,4.6456531 C123.67914,4.6123111 123.945906,4.6456531 124.134865,4.74567913 C124.846239,4.55674108 125.424231,4.44560106 125.84661,4.40114505 L127.124861,4.27889102 C127.436087,4.07883897 127.580585,3.90101493 127.56947,3.73430489 L127.558355,3.58982285 C127.236013,3.62316486 126.869211,3.60093686 126.435717,3.52313884 C126.424602,3.3453148 126.513524,3.22306077 126.724713,3.16749075 L129.103372,2.9452107 L130.192664,2.66736063 C130.203779,2.78961466 130.259355,2.83407067 130.348277,2.83407067 C130.459429,2.82295667 130.615043,2.74515865 130.815117,2.61179062 C130.870693,2.62290462 130.937384,2.62290462 130.99296,2.63401863 C130.848462,2.9340967 130.681734,3.3675428 130.515006,3.93435694 L130.203779,3.95658494 C130.181549,3.74541889 130.125973,3.55648085 130.025936,3.38977081 L129.870322,3.40088481 C126.980363,11.4474227 125.690997,15.1928416 123.023342,21.3722271 C122.534272,22.9504155 122.123009,23.8284217 121.767321,24.0173597 C121.778436,24.1951838 121.889589,24.2840958 122.078548,24.2618678 C122.145239,25.039848 121.967395,25.8067141 121.533901,26.5624663 C120.300111,30.1189472 119.477584,32.0638976 119.055206,32.4195457 L119.333086,34.0977601 C119.344202,34.2755841 119.25528,34.3756102 119.066321,34.3978382 L118.777325,34.4200662 C118.732864,33.9532781 118.566136,33.730998 118.266024,33.76434 L118.110411,33.775454 C117.732494,34.3644962 117.443498,35.0424503 117.254539,35.8315445 L117.543535,35.8093165 C117.932568,35.5536945 118.110411,35.2536164 118.077066,34.9090823 L118.655057,34.8535123 L118.988514,34.9757663 C118.721749,35.3980984 118.599481,35.7315185 118.621712,35.9871406 L118.777325,36.2538766 L118.399407,37.1429968 L118.410522,37.2874789 C118.743979,37.2541369 119.110782,37.3652769 119.499815,37.5986709 C119.76658,37.5764429 120.055576,37.4541889 120.377918,37.2430229 C120.711375,37.2096808 121.95628,37.1985668 124.101519,37.1985668 L125.179696,36.8318048 C126.491293,36.8206908 126.702482,36.8540328 127.836236,36.7540067 L128.303075,36.7095507 L128.54761,36.5428407 L128.558725,36.6873227 C129.748055,36.5872967 129.825861,36.6650947 130.759541,36.7762347 L130.770656,36.9207168 L130.114857,36.9762868 L130.137088,37.2541369 C130.337162,37.2319089 130.515006,37.1763388 130.659504,37.0540848 C130.826232,37.0429708 130.926269,37.1318828 130.937384,37.3319349 C130.670619,37.3541629 130.370508,37.4208469 130.037051,37.5319869 L129.748055,37.4319609 C129.29233,37.5542149 129.392368,37.5875569 129.081141,37.6097849 L128.625417,37.5208729 C128.636532,37.5986709 128.592071,37.654241 128.514265,37.654241 C128.52538,37.832065 128.625417,37.920977 128.792145,37.909863 L129.258985,37.865407 L131.69322,37.654241 L132.615784,37.4541889 C132.626899,37.5319869 132.660245,37.5764429 132.738051,37.5653289 L133.18266,37.3986189 L134.016302,37.3319349 C134.660986,37.2763649 134.64987,37.2319089 136.050389,37.0096288 C136.039274,36.9207168 136.072619,36.8873748 136.139311,36.8762608 L136.150426,36.9985148 C138.429048,36.6095247 138.573546,36.5872967 138.940348,36.4650427 L138.973694,36.5317267 C139.540571,36.3983587 139.218229,36.4317007 139.373842,36.3205606 C139.384957,36.4205867 139.418303,36.4650427 139.473879,36.4650427 L139.874027,36.4317007 L139.851797,36.1316226 L139.040385,36.1205086 L139.02927,36.0982806 C138.995924,36.1093946 138.973694,36.1093946 138.940348,36.1205086 L138.829196,36.1205086 L138.829196,36.1427366 C138.28455,36.2538766 138.273435,36.1760786 137.917747,36.2094206 L135.883661,36.3205606 L135.872545,36.1760786 L137.006299,36.0204826 L137.417562,35.9871406 L137.650982,35.8204305 L137.662097,35.9649126 C139.26269,35.8315445 139.829567,36.2316486 147.232308,34.6534602 C147.632456,34.6201182 147.599111,34.2866982 147.854761,33.59763 C147.721378,33.608744 147.587996,33.575402 147.465728,33.508718 C146.854391,33.742112 146.532049,33.630972 145.353835,33.81991 C145.253798,33.831024 145.175991,33.742112 145.142645,33.564288 L145.13153,33.442034 L146.265283,33.475376 C146.476473,33.453148 146.887736,33.4198059 147.499074,33.0752719 C147.499074,33.1752979 147.276769,33.2308679 147.410152,33.2197539 L147.410152,33.2197539 Z M92.6787699,34.0977601 L92.1563542,34.1422161 C92.1341237,33.9310501 92.4120044,33.1308419 92.9899963,31.7638196 L93.3345684,31.7304775 C93.3456836,32.0527836 93.1344943,32.8418778 92.6787699,34.0977601 Z M93.3337022,32.0665541 L93.3025846,31.7768226 C93.271467,31.42023 93.5826428,31.1750726 94.2672295,31.0636374 L94.2983471,31.3533689 C94.3294647,31.7768226 94.0182889,32.02198 93.3337022,32.0665541 Z M100.379709,36.9318308 L100.392368,37.5837266 L99.4050258,37.9347474 L99.3923675,37.2828516 L100.379709,36.9318308 Z M99.2145239,36.8429188 C99.2256391,37.1515085 98.9588737,37.498672 98.3808818,37.8458354 L97.3138199,37.7108274 L96.9692479,37.768688 L96.9359022,37.2093691 L99.2145239,36.8429188 L99.2145239,36.8429188 Z M106.328123,4.93320087 L105.718917,5.01507162 L105.705955,4.68758863 C105.692993,4.36010563 105.80965,4.13496108 106.068886,4.03262264 L106.289237,4.01215495 L106.704016,4.27823489 C106.716978,4.66712094 106.600321,4.8922655 106.328123,4.93320087 L106.328123,4.93320087 Z M114.50223,2.97560211 L114.850395,2.9452107 L114.896817,3.82656171 L113.898744,3.94812737 C113.875533,3.46186474 114.061221,3.12755919 114.50223,2.97560211 L114.50223,2.97560211 Z M112.185995,4.04815339 L111.396814,3.9022746 L111.385698,3.66522157 C112.419415,3.51934278 112.763987,3.3369943 113.397555,3.04523672 C113.40867,3.24582006 113.519822,3.31875945 113.719896,3.28228975 L113.742127,3.81110036 L113.4309,3.86580491 C113.186365,3.9022746 112.975176,3.84757006 112.797332,3.68345642 C112.608373,3.88403975 112.408299,4.01168369 112.185995,4.04815339 L112.185995,4.04815339 Z M113.17525,7.27121416 L113.164135,6.72796763 L114.442386,6.26829749 L114.453501,6.81154402 L113.17525,7.27121416 Z M114.548852,6.1931559 L114.531308,5.42902892 L115.513764,5.19023923 L115.531308,5.95436622 L114.548852,6.1931559 Z M114.686921,3.75809368 L114.520193,3.78141733 L114.664691,3.05838438 L116.08744,2.77850066 L116.098555,3.15167896 C115.731753,3.22164989 115.253798,3.43156268 114.686921,3.75809368 L114.686921,3.75809368 Z M115.410436,6.93476299 L115.38718,6.08614119 L116.038343,5.93982709 C116.259273,5.88130145 116.375553,6.14466683 116.38718,6.72992324 L115.410436,6.93476299 L115.410436,6.93476299 Z M119.177473,1.17808428 L118.377177,2.06219815 L118.232679,2.10640384 C117.854761,2.23902092 117.365691,2.19481523 116.787699,1.97378676 C117.821415,1.7085526 118.810671,1.39911275 119.177473,1.17808428 Z M118.321601,4.73456513 L118.332716,5.3271977 L117.232308,5.73748179 L117.221193,5.14484922 L118.321601,4.73456513 Z M120.122268,5.94955518 C120.111152,5.72247971 119.899963,5.57109606 119.466469,5.49540424 L118.366062,6.02524701 L117.521304,6.08201587 C117.332345,5.8549404 117.232308,5.70355675 117.221193,5.59001902 L118.199333,5.6846338 L120.400148,5.07909921 L121.522786,5.15479103 L121.533901,5.45755833 C120.97814,5.55217311 120.5113,5.72247971 120.122268,5.94955518 L120.122268,5.94955518 Z M131.448685,2.66736063 C131.582067,2.67847464 131.670989,2.67847464 131.704335,2.67847464 C132.093368,2.30059855 132.526862,2.00052048 133.027047,1.78935443 C132.626899,3.54536684 132.004446,4.84570515 131.148574,5.69036935 L130.526121,5.31249326 C131.048536,3.98992695 131.359763,3.11192074 131.448685,2.66736063 L131.448685,2.66736063 Z M129.839221,5.95278664 L130.103372,5.93487741 C129.744881,6.57960955 129.424126,6.91988485 129.159975,6.93779408 L129.103372,6.25724348 C129.273183,6.25724348 129.518466,6.14978813 129.839221,5.95278664 L129.839221,5.95278664 Z M128.303075,8.89120211 C128.603186,7.69088983 128.892182,7.01293567 129.158948,6.83511163 L129.170063,6.97959366 C129.01445,8.09099392 128.769915,8.68003606 128.447573,8.72449207 L128.503149,9.42467424 C128.236384,9.80255033 128.114116,10.0915144 128.125232,10.3137945 L127.969618,10.3249085 L127.880697,9.35799023 C128.05854,9.33576222 128.203038,9.18016618 128.303075,8.89120211 L128.303075,8.89120211 Z M128.312338,10.4916185 C128.334045,10.6583285 128.116976,11.0473186 127.682837,11.6474748 L127.378941,11.6585888 L127.31382,11.2362567 C127.726251,10.7472406 128.073562,10.5027325 128.312338,10.4916185 L128.312338,10.4916185 Z M118.878499,36.7184845 L118.844016,36.4288005 L119.740568,36.3761306 L119.844016,37.3768572 C119.361258,37.4031921 119.01643,37.1925129 118.878499,36.7184845 Z M131.670989,37.5013013 C131.659874,37.219231 131.615413,37.0938664 131.515376,37.1252076 L130.792886,37.3132545 L130.781771,36.9058196 L130.848462,36.9058196 L132.560207,36.4983847 L132.571323,36.9058196 C132.071137,36.9685019 131.771026,37.1878899 131.670989,37.5013013 Z M131.160857,36.4983847 C131.760857,36.7992597 131.460857,37.1001347 131.160857,37.300718 C130.860857,37.2004263 130.460857,36.8995513 131.160857,36.4983847 Z M130.904039,34.898174 L129.948129,35.0441787 L129.937014,34.7730271 L130.804001,34.6270225 L131.559837,34.2724397 C131.570952,34.4393022 131.615413,34.5018756 131.71545,34.4810178 C132.615784,34.1890084 132.526862,34.1055772 132.960356,34.0430038 C133.104854,34.0221459 133.193775,34.1890084 133.204891,34.5227334 L130.904039,34.898174 L130.904039,34.898174 Z M134.255743,34.9450807 C133.718851,34.7361398 133.685296,34.568987 133.304998,34.6943516 L133.293813,34.2346814 L134.155076,33.9421641 L134.166261,34.4018342 C134.076779,34.4436224 134.401151,34.5271988 134.255743,34.9450807 Z M134.328554,34.8895107 L134.305298,34.1540385 L135.282042,33.8865941 L135.305298,34.6220663 L134.328554,34.8895107 Z M135.354639,34.6295315 L135.339014,34.2381989 C135.448389,34.2026232 135.604639,34.0247447 135.807764,33.6689878 C136.135889,33.5978364 136.307764,34.0958961 136.339014,34.6651072 L135.354639,34.6295315 L135.354639,34.6295315 Z M136.680957,34.6116607 L136.661727,33.8447244 L137.642496,33.608744 L137.661727,34.3756803 L136.680957,34.6116607 Z M137.462742,34.2089702 C137.444919,33.766507 137.551857,33.501029 137.783556,33.442034 L138.086548,34.09098 C138.068725,33.8844972 138.122194,33.766507 138.229132,33.7370094 L138.460832,34.4449506 L137.462742,34.2089702 L137.462742,34.2089702 Z M129.958874,38.0406558 L129.758874,37.0763128 L128.958874,37.1148865 L129.158874,38.0792295 L129.958874,38.0406558 Z M148.975452,32.4035388 C149.145665,32.3071045 149.230771,32.2106702 148.826516,32.1528096 C148.635026,32.3456782 149.039282,32.4035388 148.61375,32.4228257 L148.635026,32.5964074 C148.67758,32.5578337 148.783963,32.4999731 148.869069,32.4421125 L148.635026,32.6156943 L148.635026,32.6349811 L148.188218,33.1557263 L149.081835,32.8664234 L149.188218,32.8664234 L149.145665,32.384252 L148.975452,32.4035388 L148.975452,32.4035388 Z M149.453119,32.9307898 L149.321971,32.9693635 L149.354758,33.9337065 L150.321971,33.7408379 C150.305578,33.1236584 149.666233,32.9307898 149.453119,32.9307898 L149.453119,32.9307898 Z M148.399407,32.620129 L148.499407,32.5198374 L148.499407,32.4195457 C148.499407,32.4195457 148.399407,32.5198374 148.399407,32.620129 L148.399407,32.620129 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_danger.svg b/website/static/images/users/used_by_danger.svg
new file mode 100644
index 000000000..f6a1f7706
--- /dev/null
+++ b/website/static/images/users/used_by_danger.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="165px" height="53px" viewBox="0 0 165 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>d</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-348.000000, -3061.000000)" fill-rule="nonzero" fill="#6F7B81">
+            <g id="d" transform="translate(348.000000, 3061.000000)">
+                <g id="Group" transform="translate(82.500000, 26.500000) scale(-1, 1) rotate(-180.000000) translate(-82.500000, -26.500000) ">
+                    <path d="M34.2904067,52.601634 C33.2408759,52.2552288 32.4666319,51.7356209 31.5203337,50.679085 C30.5740355,49.6398693 30.0750782,48.6699346 29.782586,47.3362745 C29.6621481,46.7127451 29.5933264,43.3006536 29.5933264,36.9441176 L29.5933264,27.4526144 L28.9051095,26.7771242 L28.2168926,26.101634 L28.2168926,13.0594771 L28.2168926,0.0173202614 L31.451512,0.0173202614 L34.6861314,0.0173202614 L35.3571429,0.710130719 C35.9765381,1.35098039 36.096976,1.40294118 36.9400417,1.40294118 L37.8519291,1.40294118 L37.8519291,2.39019608 L37.8519291,3.37745098 L37.1637122,2.70196078 L36.4754953,2.02647059 L36.4754953,10.270915 L36.4754953,18.4980392 L39.4520334,20.074183 L42.411366,21.6503268 L42.4629823,14.8954248 C42.4801877,11.1888889 42.5490094,8.15784314 42.6178311,8.15784314 C42.6866528,8.15784314 42.9963504,8.4003268 43.306048,8.7120915 L43.8738269,9.26633987 L43.8738269,5.33464052 L43.8738269,1.40294118 L48.0031283,1.40294118 L52.1324296,1.40294118 L52.1324296,9.57810458 L52.1324296,17.753268 L51.4442127,17.0777778 L50.7559958,16.4022876 L50.7559958,31.072549 C50.7559958,45.4310458 50.7559958,45.777451 50.394682,46.8166667 L50.0505735,47.8732026 L50.6699687,48.5140523 C51.1517205,49.0163399 51.2721585,49.2588235 51.1861314,49.5359477 C50.9796663,50.1941176 49.3279458,51.7183007 48.2612096,52.2552288 L47.2288843,52.7575163 L41.1209593,52.7921569 C36.4410845,52.8267974 34.8409802,52.7748366 34.2904067,52.601634 Z" id="Shape"></path>
+                    <path d="M90.8962461,52.601634 C88.7799791,51.9261438 86.9045881,49.7264706 86.3884254,47.3362745 C86.2679875,46.7473856 86.1991658,43.924183 86.1991658,39.3689542 L86.1991658,32.3022876 L85.5109489,31.6267974 L84.822732,30.9513072 L84.822732,18.6366013 C84.822732,5.23071895 84.822732,5.26535948 85.8034411,3.44673203 C86.37122,2.39019608 87.592805,1.22973856 88.7971846,0.588888889 L89.7262774,0.103921569 L95.2320125,0.0519607843 L100.737748,0 L101.425965,0.710130719 L102.096976,1.40294118 L105.417623,1.40294118 L108.738269,1.40294118 L108.738269,4.81503268 L108.738269,8.22712418 L108.050052,7.55163399 L107.361835,6.87614379 L107.327424,20.4205882 L107.275808,33.9477124 L101.563608,30.9859477 L95.8342023,28.0068627 L95.8342023,23.451634 C95.8342023,20.9401961 95.8686131,18.8964052 95.9202294,18.8964052 C95.9718457,18.8964052 96.7116788,19.2428105 97.5547445,19.675817 C98.3978102,20.1088235 99.1376434,20.4552288 99.1892596,20.4552288 C99.2408759,20.4552288 99.2752868,17.6147059 99.2752868,14.1333333 L99.2752868,7.81143791 L96.1783107,7.81143791 L93.0813347,7.81143791 L93.0813347,23.4169935 L93.0813347,39.0398693 L93.7695516,39.7846405 L94.4577685,40.546732 L94.4577685,42.798366 L94.4577685,45.05 L96.6428571,45.05 L98.8279458,45.05 L98.1569343,44.3571895 L97.4859228,43.6643791 L98.3806048,43.6643791 L99.2752868,43.6643791 L99.2752868,39.0745098 C99.2752868,36.5457516 99.326903,34.4846405 99.3785193,34.4846405 C99.4301356,34.4846405 101.25391,35.4372549 103.421794,36.5803922 L107.379041,38.6761438 L107.327424,42.5212418 L107.275808,46.3490196 L106.725235,47.5094771 C106.398332,48.2022876 105.813347,49.0509804 105.297185,49.5705882 L104.402503,50.4712418 L105.039103,51.1120915 L105.675704,51.7702614 L105.262774,52.0473856 C104.127216,52.7921569 103.628259,52.8441176 97.4859228,52.8267974 C93.1673618,52.8267974 91.4296142,52.7575163 90.8962461,52.601634 Z" id="Shape"></path>
+                    <path d="M152.354015,52.1686275 L151.683003,51.4584967 L144.749218,51.4584967 L137.815433,51.4584967 L137.815433,44.4091503 L137.815433,37.3598039 L138.50365,38.0352941 L139.191867,38.7107843 L139.191867,33.5147059 L139.191867,28.3186275 L138.50365,27.6431373 L137.815433,26.9676471 L137.815433,13.4924837 L137.815433,0.0173202614 L138.383212,0.0173202614 C138.813347,0.0173202614 139.105839,0.173202614 139.622002,0.710130719 L140.293014,1.40294118 L143.871741,1.40294118 L147.450469,1.40294118 L147.450469,4.95359477 C147.450469,6.91078431 147.398853,8.50424837 147.330031,8.50424837 C147.26121,8.50424837 146.951512,8.26176471 146.641814,7.95 L146.074035,7.39575163 L146.074035,12.851634 L146.074035,18.2901961 L146.917101,18.7405229 L147.760167,19.1908497 L149.274244,15.7094771 C150.100104,13.7869281 150.805527,12.1934641 150.839937,12.1588235 C150.874348,12.1068627 151.201251,12.3839869 151.579771,12.7477124 L152.250782,13.4058824 L152.749739,12.2973856 C153.025026,11.6911765 153.885297,9.71666667 154.676747,7.93267974 L156.104797,4.67647059 L155.485401,4.03562092 C155.141293,3.67189542 154.848801,3.30816993 154.848801,3.22156863 C154.848801,3.11764706 155.141293,2.37287582 155.485401,1.54150327 L156.139208,0.0173202614 L160.578206,0.0173202614 C163.004171,0.0173202614 165,0.0692810458 165,0.155882353 C165,0.225163399 164.088113,2.32091503 162.986966,4.83235294 L160.973931,9.3875817 L161.610532,10.0284314 C161.95464,10.3921569 162.247132,10.7558824 162.247132,10.8424837 C162.247132,10.9464052 161.386861,12.9901961 160.320125,15.3977124 L158.393118,19.7624183 L157.687696,19.0696078 L156.999479,18.3767974 L156.001564,20.6630719 C155.450991,21.9101307 155.03806,22.9493464 155.055266,22.9666667 C155.089677,23.0013072 156.294056,23.6075163 157.739312,24.3349673 L160.354536,25.6513072 L160.354536,35.3333333 C160.354536,40.7892157 160.285714,45.379085 160.182482,45.8813725 C160.096455,46.3663399 159.855579,47.1111111 159.649114,47.5614379 L159.270594,48.3581699 L159.907195,49.0163399 C160.251303,49.3627451 160.52659,49.7437908 160.52659,49.8303922 C160.52659,50.1767974 158.46194,51.9954248 157.653285,52.3764706 C157.016684,52.6535948 156.414494,52.7575163 154.934828,52.8094771 L153.042231,52.8787582 L152.354015,52.1686275 Z" id="Shape"></path>
+                    <path d="M18.3925965,52.0473856 L17.7732013,51.4411765 L8.89520334,51.4584967 L0,51.475817 L0,42.4173203 L0,33.3761438 L0.688216893,34.051634 L1.37643379,34.7271242 L1.37643379,18.0650327 L1.37643379,1.40294118 L2.52919708,1.40294118 L3.68196038,1.40294118 L3.01094891,0.710130719 L2.32273201,0 L9.97914494,0.0519607843 L17.6355579,0.103921569 L18.7022941,0.692810458 C20.6293014,1.73202614 21.9541189,3.56797386 22.367049,5.73300654 C22.4702815,6.25261438 22.5391032,9.59542484 22.5391032,13.4058824 L22.5391032,20.1607843 L23.2273201,20.9055556 L23.915537,21.6676471 L23.915537,33.9303922 C23.915537,41.4647059 23.8467153,46.574183 23.7434828,47.1284314 C23.3477581,49.2761438 22.0057351,51.1294118 20.1475495,52.1339869 C19.596976,52.4284314 19.1152242,52.670915 19.0636079,52.670915 C19.0291971,52.670915 18.7367049,52.3937908 18.3925965,52.0473856 Z M15.6569343,29.2366013 L15.6569343,13.4232026 L14.9687174,12.7477124 L14.2805005,12.0722222 L14.2805005,9.94183007 L14.2805005,7.81143791 L12.2674661,7.81143791 L10.2544317,7.81143791 L10.9254432,8.50424837 L11.5964546,9.19705882 L10.5297185,9.19705882 L9.46298227,9.19705882 L9.46298227,26.1189542 L9.46298227,43.0408497 L8.77476538,42.3653595 L8.08654849,41.6898693 L8.08654849,42.6771242 L8.08654849,43.6643791 L9.17049009,43.6643791 C10.2028154,43.6643791 10.2888425,43.6990196 10.9254432,44.3571895 L11.5964546,45.05 L13.6266945,45.05 L15.6569343,45.05 L15.6569343,29.2366013 Z" id="Shape"></path>
+                    <path d="M56.6058394,36.7882353 L56.6058394,22.1179739 L57.2940563,22.7934641 L57.9822732,23.4689542 L57.9822732,13.6830065 L57.9822732,3.89705882 L57.2940563,3.22156863 C56.6230448,2.54607843 56.6058394,2.52875817 56.6058394,1.28169935 L56.6058394,0.0173202614 L60.6491137,0.0173202614 L64.6923879,0.0173202614 L64.6923879,5.26535948 L64.6923879,10.5133987 L65.3806048,11.1888889 L66.0688217,11.8643791 L66.0688217,21.8235294 L66.0688217,31.7826797 L65.5010428,31.2284314 C65.1913452,30.9166667 64.8816475,30.674183 64.8128259,30.674183 C64.7440042,30.674183 64.6923879,33.6013072 64.6923879,37.169281 L64.6923879,43.6643791 L67.7893639,43.6643791 L70.8863399,43.6643791 L70.8863399,40.2003268 C70.8863399,38.295098 70.9379562,36.7362745 71.0067779,36.7362745 C71.0755996,36.7362745 71.3852972,36.9787582 71.6949948,37.2905229 L72.2627737,37.8447712 L72.2627737,28.0588235 L72.2627737,18.2728758 L71.5745568,17.5973856 L70.8863399,16.9218954 L70.8863399,8.46960784 L70.8863399,0.0173202614 L75.0156413,0.0173202614 L79.1449426,0.0173202614 L79.1449426,12.5052288 L79.1449426,25.0104575 L79.8331595,25.7552288 L80.5213764,26.5173203 L80.5213764,36.4245098 L80.5213764,46.3316993 L79.8331595,45.6562092 C79.1105318,44.9460784 79.0933264,44.9633987 78.9040667,46.0892157 C78.6115746,47.8558824 76.9770594,49.9862745 75.2393118,50.8696078 C74.310219,51.3199346 74.0693431,51.3718954 71.8842544,51.4238562 C69.9572471,51.475817 69.3206465,51.4411765 68.5464025,51.1813725 C67.3420229,50.8003268 66.0344108,49.8303922 65.2773723,48.7565359 L64.6923879,47.9251634 L64.6923879,49.6918301 L64.6923879,51.4584967 L60.6491137,51.4584967 L56.6058394,51.4584967 L56.6058394,36.7882353 Z" id="Shape"></path>
+                    <path d="M117.478624,51.0428105 C115.740876,50.3326797 114.639729,49.224183 113.762252,47.3362745 L113.297706,46.3490196 L113.24609,29.4617647 L113.211679,12.5918301 L113.899896,13.2673203 L114.588113,13.9428105 L114.588113,8.74673203 L114.588113,3.55065359 L113.899896,2.8751634 C113.24609,2.23431373 113.211679,2.14771242 113.211679,1.10849673 L113.211679,0.0173202614 L123.01877,0.0173202614 L132.82586,0.0173202614 L132.82586,3.91437908 L132.82586,7.81143791 L127.062044,7.81143791 L121.298227,7.81143791 L121.298227,8.98921569 C121.298227,10.1323529 121.315433,10.1843137 121.986444,10.8424837 L122.674661,11.5179739 L122.709072,16.8006536 L122.760688,22.1006536 L128.438478,25.045098 L134.116267,27.9895425 L134.167883,30.8127451 C134.185089,32.3542484 134.150678,33.6186275 134.081856,33.6186275 C134.013034,33.6186275 133.703337,33.3761438 133.393639,33.0643791 L132.82586,32.5101307 L132.82586,34.1035948 C132.82586,35.1947712 132.757039,35.6970588 132.636601,35.6970588 C132.516163,35.6970588 129.952555,34.4153595 126.941606,32.8392157 C123.913452,31.2630719 121.418665,29.9813725 121.367049,29.9813725 C121.332638,29.9813725 121.298227,33.0643791 121.298227,36.8228758 L121.298227,43.6643791 L127.062044,43.6643791 L132.82586,43.6643791 L132.82586,47.5614379 L132.82586,51.4584967 L125.651199,51.4584967 C118.510949,51.4584967 118.459333,51.4411765 117.478624,51.0428105 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_jest.svg b/website/static/images/users/used_by_jest.svg
new file mode 100644
index 000000000..e1c5ca38c
--- /dev/null
+++ b/website/static/images/users/used_by_jest.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="141px" height="156px" viewBox="0 0 141 156" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>jest</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-833.000000, -2725.000000)">
+            <g id="jest" transform="translate(836.000000, 2728.000000)">
+                <g id="Layer_1">
+                    <path d="M116.211071,74.3221429 C116.018214,74.4392857 109.657857,73.3721429 101.687857,72.8325 C95.1789286,72.3914286 87.5964286,72.4082143 81.4221429,72.8264286 C76.4153571,73.1653571 69.8371429,70.6485714 69.0510714,73.6396429 C66.1089286,84.8364286 59.7785714,94.5878571 51.7257143,102.185357 C45.6675,107.900714 38.7339286,112.234643 31.2346429,114.905 C22.3064286,110.318571 18.09,100.117857 21.8946429,91.1739286 C24.9121429,84.08 28.4232143,76.2667857 21.9410714,74.4792857 C17.2221429,73.1778571 14.6310714,77.6982143 12.8171429,82.5310714 C9.34214286,91.7892857 2.73892857,101.369643 0.857142857,112.717143 C-1.12928571,124.696429 0.850714286,137.4125 11.2114286,144.593214 C35.3407143,161.316786 61.5328571,134.226071 89.1489286,127.416071 C99.1575,124.947857 110.143571,125.345714 118.961429,120.238571 C125.583214,116.403214 129.948571,110.0475 131.1875,102.911429 C133.180357,91.4339286 127.209286,80.0307143 116.211071,74.3221429 Z" id="Shape" stroke="#6F7B81" stroke-width="5" fill-rule="nonzero"></path>
+                    <polygon id="Shape" fill="#182025" fill-rule="nonzero" points="91.2014286 28.9892857 110.601786 68.565 133.849286 0 48.4960714 0 71.69 68.4432143"></polygon>
+                    <polygon id="Shape" stroke="#6F7B81" stroke-width="6" points="91.2014286 28.9892857 110.601786 68.565 133.848929 0 48.4960714 0 71.69 68.4432143"></polygon>
+                    <circle id="Oval" stroke="#82D7DA" fill="#182025" fill-rule="nonzero" cx="67.6642857" cy="73.7796429" r="14.6232143"></circle>
+                    <circle id="Oval" stroke="#6F7B81" stroke-width="10" cx="67.6642857" cy="73.7796429" r="14.6232143"></circle>
+                    <circle id="Oval" fill="#182025" fill-rule="nonzero" cx="115.301429" cy="73.7796429" r="14.6232143"></circle>
+                    <circle id="Oval" stroke="#6F7B81" stroke-width="10" cx="115.301429" cy="73.7796429" r="14.6232143"></circle>
+                    <circle id="Oval" fill="#182025" fill-rule="nonzero" cx="19.8467857" cy="73.8846429" r="14.6232143"></circle>
+                    <circle id="Oval" stroke="#6F7B81" stroke-width="10" cx="19.8467857" cy="73.8846429" r="14.6232143"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_react.svg b/website/static/images/users/used_by_react.svg
new file mode 100644
index 000000000..0954c00f5
--- /dev/null
+++ b/website/static/images/users/used_by_react.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="156px" height="139px" viewBox="0 0 156 139" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Layer_2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-130.000000, -2734.000000)">
+            <g id="Layer_2" transform="translate(133.000000, 2737.000000)">
+                <circle id="Oval" fill="#6F7B81" fill-rule="nonzero" cx="74.7330961" cy="66.1921708" r="13.8790036"></circle>
+                <path d="M124.397455,45.1186069 C140.251989,50.5709539 150,58.8359865 150,66.3197639 C150,74.1186624 139.668781,82.8985878 122.643371,88.5337106 C109.771254,92.7941142 92.833422,95.0177936 75,95.0177936 C56.7161334,95.0177936 39.4023265,92.9303602 26.3882433,88.4866236 C9.91954288,82.8634815 0,73.9695999 0,66.3197639 C0,58.896726 9.30732872,50.6957764 24.939011,45.2515094 C38.1469388,40.6517446 56.0300073,37.9003559 75,37.9003559 C93.7864679,37.9003559 111.238616,40.5932341 124.397455,45.1186069 Z" id="Shape" stroke="#6F7B81" stroke-width="6"></path>
+                <path d="M50.3435236,52.1855979 C59.7086853,35.8785362 70.7390305,22.0789632 81.2146856,12.9243373 C93.8364598,1.89440484 105.84788,-2.42550764 112.323811,1.32454643 C119.072494,5.23250633 121.520032,18.6002836 117.908841,36.2024527 C115.17853,49.5107009 108.659182,65.3275559 99.7691112,80.8076382 C90.6544368,96.6787121 80.2171897,110.661344 69.884034,119.731288 C56.8083212,131.208946 44.167343,135.362289 37.5475216,131.52895 C31.1241935,127.80908 28.6674702,115.620705 31.7490201,99.3237048 C34.3526959,85.5537567 40.886795,68.6522424 50.3435236,52.1855979 L50.3435236,52.1855979 Z" id="Shape" stroke="#6F7B81" stroke-width="6"></path>
+                <path d="M31.8775421,34.118324 C28.6540541,17.6840161 30.9331695,5.11852117 37.4242646,1.37004268 C44.1884514,-2.53637497 56.9860672,1.99511407 70.4130786,13.8881837 C80.5649435,22.8798524 90.9893417,36.4055171 99.9346325,51.8194879 C109.105824,67.6225964 115.979751,83.6326692 118.653425,97.1070803 C122.036915,114.158103 119.298178,127.186273 112.662998,131.018039 C106.224678,134.736155 94.4431985,130.799654 81.8804193,120.015501 C71.2658621,110.903776 59.9096569,96.8251853 50.3941684,80.429039 C40.9711066,64.1916675 34.5528919,47.7584738 31.8775421,34.118324 Z" id="Shape" stroke="#6F7B81" stroke-width="6"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_storybook.svg b/website/static/images/users/used_by_storybook.svg
new file mode 100644
index 000000000..4c1614622
--- /dev/null
+++ b/website/static/images/users/used_by_storybook.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="114px" height="151px" viewBox="0 0 114 151" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>storybook-avatar</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-846.000000, -2936.000000)" fill-rule="nonzero" fill="#6F7B81">
+            <g id="storybook-avatar" transform="translate(846.000000, 2936.000000)">
+                <path d="M88.0092293,1.92692739 L86.9568634,20.769112 L94.6265829,14.7679133 L101.018034,20.769112 L101.018034,0.962468787 L114,0 L114,151 L14.4898049,145.947896 L8,7.85872438 L88.0092293,1.92692739 Z M70.5298907,57.8614403 L91.7019462,57.3324819 C92.22796,36.7031031 81.5761805,26.5206588 63.034194,26.5206588 C44.4922075,26.5206588 34.1034349,37.0998219 34.1034349,52.9685748 C34.1034349,80.6066528 69.6093665,81.1356113 69.6093665,96.2109266 C69.6093665,100.442594 67.6368148,102.955147 63.2972009,102.955147 C57.6425525,102.955147 55.4069939,99.2524375 55.6700008,88.9377481 L33.4459177,88.9377481 C31.7363728,114.459992 46.5962627,120.278535 63.5602078,120.278535 C79.9981391,120.278535 92.8854772,112.608638 92.8854772,95.9464473 C92.8854772,66.3247752 56.8535318,67.1182129 56.8535318,52.4396164 C56.8535318,46.4888341 61.0616422,45.6953964 63.5602078,45.6953964 C66.1902768,45.6953964 70.924401,46.7533133 70.5298907,57.8614403 Z" id="Combined-Shape"></path>
+                <polygon id="path0_fill" points="11 146 4.71428117 8 0 8 4.71428117 146"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_webpack.svg b/website/static/images/users/used_by_webpack.svg
new file mode 100644
index 000000000..c6e7b14ce
--- /dev/null
+++ b/website/static/images/users/used_by_webpack.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="133px" height="150px" viewBox="0 0 133 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-619.000000, -2728.000000)" fill-rule="nonzero" fill="#6F7B81">
+            <g id="icon" transform="translate(619.000000, 2728.000000)">
+                <path d="M66.5,0 L133,37.4957177 L133,112.504282 L66.5,150 L0,112.504282 L0,37.4957177 L66.5,0 Z M121.126227,109.91778 L101.365245,98.5440219 L68.6994832,116.461117 L68.6994832,139.4827 L121.126227,109.91778 Z M124.717571,106.68037 L124.717571,44.8612539 L105.540827,55.9095581 L105.540827,95.6491949 L124.717571,106.68037 L124.717571,106.68037 Z M11.6675711,109.91778 L64.0943152,139.4827 L64.0943152,116.461117 L31.4113695,98.5440219 L11.6675711,109.91778 Z M8.07622739,106.68037 L27.2529716,95.6491949 L27.2529716,55.9095581 L8.07622739,44.8612539 L8.07622739,106.68037 Z M10.327261,40.8530319 L29.3665375,51.8328195 L29.6414729,51.6786571 L64.0943152,32.7852004 L64.0943152,10.5344296 L10.327261,40.8530319 Z M122.466537,40.8530319 L68.6994832,10.5344296 L68.6994832,32.7852004 L103.152326,51.6615279 L103.427261,51.8156903 L122.466537,40.8530319 Z M64.0943152,111.219596 L64.0943152,77.0983213 L31.8581395,58.5474478 L31.8581395,93.542309 L64.0943152,111.219596 Z M68.6994832,111.219596 L100.935659,93.5594382 L100.935659,58.5474478 L68.6994832,77.0983213 L68.6994832,111.219596 Z M34.0404393,54.5049675 L66.3968992,73.1243577 L98.7533592,54.5049675 L66.3968992,36.7762933 L34.0404393,54.5049675 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_yarn.svg b/website/static/images/users/used_by_yarn.svg
new file mode 100644
index 000000000..2b40bc773
--- /dev/null
+++ b/website/static/images/users/used_by_yarn.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="140px" height="150px" viewBox="0 0 140 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>yarn-kitten-outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-367.000000, -2728.000000)" fill-rule="nonzero" fill="#6F7B81">
+            <g id="yarn-kitten-outline" transform="translate(367.000000, 2728.000000)">
+                <path d="M139.736677,109.442815 C138.946708,103.196481 133.680251,98.8856305 126.92163,98.973607 C116.827586,99.1055718 108.357367,104.340176 102.739812,107.815249 C100.545455,109.178886 98.6583072,110.190616 97.0344828,110.938416 C97.3855799,105.835777 97.0783699,99.1495601 94.4451411,91.8035191 C91.2413793,83.0058651 86.9404389,77.5953079 83.8683386,74.4721408 C87.4231975,69.2815249 92.2946708,61.7155425 94.5768025,50.0146628 C96.5517241,40.0293255 95.9373041,24.5014663 91.4169279,15.7917889 C90.4952978,14.0322581 88.9592476,12.7565982 87.0282132,12.228739 C86.2382445,12.0087977 84.7460815,11.568915 81.8056426,12.4046921 C77.5047022,3.2111437 75.968652,2.24340176 74.7836991,1.49560117 C72.3260188,-0.0879765396 69.4294671,-0.439882698 66.7084639,0.571847507 C63.0658307,1.8914956 59.9498433,5.41055718 57.0094044,11.6568915 C56.5705329,12.5806452 56.1755486,13.4604106 55.8244514,14.340176 C50.2507837,14.7360704 41.4733542,16.7595308 34.0564263,24.8093842 C33.1347962,25.8211144 31.3354232,26.568915 29.4482759,27.2727273 L29.492163,27.2727273 C25.630094,28.5923754 23.830721,31.7595308 21.7241379,37.4780059 C18.7398119,45.483871 21.8119122,53.3577713 24.8401254,58.4604106 C20.7147335,62.1554252 15.2288401,68.0498534 12.3322884,74.9560117 C8.73354232,83.4897361 8.33855799,91.8475073 8.47021944,96.3782991 C5.39811912,99.6334311 0.65830721,105.747801 0.131661442,112.609971 C-0.570532915,122.199413 2.89655172,128.709677 4.43260188,131.085044 C4.87147335,131.788856 5.35423197,132.360704 5.88087774,132.932551 C5.70532915,134.120235 5.66144201,135.395894 5.92476489,136.715543 C6.49529781,139.794721 8.42633229,142.302053 11.3667712,143.88563 C17.1598746,146.964809 25.2351097,148.284457 31.4670846,145.16129 C33.7053292,147.536657 37.7868339,149.824047 45.2037618,149.824047 L45.6426332,149.824047 C47.5297806,149.824047 71.492163,148.548387 78.4702194,146.832845 C81.5862069,146.085044 83.7366771,144.765396 85.1410658,143.577713 C89.6175549,142.170088 101.99373,137.947214 113.667712,130.381232 C121.918495,125.014663 124.77116,123.870968 130.915361,122.375367 C136.752351,120.923754 140.526646,115.513196 139.736677,109.442815 L139.736677,109.442815 Z M110.068966,124.794721 C96.4639498,133.592375 81.630094,137.683284 81.630094,137.683284 C81.630094,137.683284 80.4012539,139.530792 76.846395,140.366569 C70.7021944,141.86217 47.5736677,143.13783 45.4670846,143.181818 C39.8056426,143.225806 36.338558,141.730205 35.3730408,139.398827 C32.4326019,132.360704 39.5862069,129.281525 39.5862069,129.281525 C39.5862069,129.281525 38.0062696,128.313783 37.0846395,127.434018 C36.2507837,126.59824 35.3730408,124.926686 35.1097179,125.542522 C34.0125392,128.225806 33.4420063,134.780059 30.5015674,137.727273 C26.4639498,141.818182 18.8275862,140.454545 14.30721,138.079179 C9.34796238,135.439883 14.6583072,129.237537 14.6583072,129.237537 C14.6583072,129.237537 11.9811912,130.821114 9.830721,127.565982 C7.89968652,124.57478 6.10031348,119.472141 6.5830721,113.181818 C7.10971787,106.01173 15.0971787,99.0615836 15.0971787,99.0615836 C15.0971787,99.0615836 13.69279,88.4604106 18.3009404,77.5953079 C22.4702194,67.6979472 33.7053292,59.7360704 33.7053292,59.7360704 C33.7053292,59.7360704 24.2695925,49.2668622 27.7805643,39.8533724 C30.0626959,33.6950147 30.984326,33.7390029 31.7304075,33.4750733 C34.3636364,32.4633431 36.9090909,31.3636364 38.7962382,29.2961877 C48.2319749,19.0909091 60.2570533,21.026393 60.2570533,21.026393 C60.2570533,21.026393 65.9623824,3.65102639 71.2288401,7.03812317 C72.8526646,8.09384164 78.6896552,21.1143695 78.6896552,21.1143695 C78.6896552,21.1143695 84.9216301,17.4633431 85.6238245,18.8269795 C89.3981191,26.1730205 89.8369906,40.2052786 88.169279,48.7390029 C85.3605016,62.8152493 78.338558,70.3812317 75.5297806,75.1319648 C74.8714734,76.2316716 83.0783699,79.7067449 88.2570533,94.0909091 C93.0407524,107.243402 88.7836991,118.284457 89.5297806,119.516129 C89.7053292,119.824047 95.1912226,120.26393 106.206897,113.445748 C112.087774,109.794721 119.065831,105.703812 127.009404,105.615836 C134.689655,105.483871 135.084639,114.545455 129.335423,115.909091 C122.31348,117.580645 118.758621,119.120235 110.068966,124.794721 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/images/users/used_by_zeit.svg b/website/static/images/users/used_by_zeit.svg
new file mode 100644
index 000000000..3c8eef816
--- /dev/null
+++ b/website/static/images/users/used_by_zeit.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="74px" height="74px" viewBox="0 0 74 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Triangle</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="prettier-homepage" transform="translate(-649.000000, -2970.000000)" fill="#6F7B81">
+            <polygon id="Triangle" points="686 2970 723 3044 649 3044"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/website/static/landing.js b/website/static/landing.js
new file mode 100644
index 000000000..20359bf63
--- /dev/null
+++ b/website/static/landing.js
@@ -0,0 +1,46 @@
+"use strict";
+
+/* eslint-disable */
+
+if (location.hash.substring(1).startsWith(encodeURIComponent("{"))) {
+  location.pathname = "/playground/";
+}
+
+
+
+window.addEventListener("load", function() {
+  // We don't have access to a unique body css attribute for just the homepage
+  // so instead it is set on load. It's only really visible on a vertical overscroll 
+  document.body.style.backgroundColor = "rgb(24, 32, 37)"
+
+  // var logo = document.querySelector(".animatedLogo");
+  // var logoWrapper = document.querySelector(".animatedLogoWrapper");
+
+  // logo.classList.remove("initial");
+
+  // function handleLogoDrag(event) {
+  //   logo.classList.toggle("initial");
+  //   event.preventDefault();
+  // }
+
+  // logoWrapper.setAttribute("draggable", "true");
+  // logoWrapper.addEventListener("touchstart", handleLogoDrag);
+  // logoWrapper.addEventListener("dragstart", handleLogoDrag);
+
+  var yarnButton = document.querySelector(".showYarnButton");
+  var npmButton = document.querySelector(".showNpmButton");
+  var getStartedSection = document.querySelector(".getStartedSection");
+
+  npmButton.addEventListener("click", function(event) {
+    event.preventDefault();
+    npmButton.classList.add("active");
+    yarnButton.classList.remove("active");
+    getStartedSection.classList.add("getStartedSection--npm");
+  });
+  yarnButton.addEventListener("click", function(event) {
+    event.preventDefault();
+    yarnButton.classList.add("active");
+    npmButton.classList.remove("active");
+    getStartedSection.classList.remove("getStartedSection--npm");
+  });
+});
diff --git a/website/static/overrides.css b/website/static/overrides.css
index 2a34cee3c..ac97481fd 100644
--- a/website/static/overrides.css
+++ b/website/static/overrides.css
@@ -1,3 +1,12 @@
+html body {
+  font-family: "Apple SD Gothic Neo", "AppleSDGothicNeo", -apple-system,
+    BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+
+  overflow-x: hidden;
+}
+
+/* Note: CSS on body bg-color for index page is set inside landing.js, not here */
+
 .post p a {
   text-decoration: underline !important;
 }
@@ -5,12 +14,20 @@
   font-weight: 600;
 }
 
+.animatedLogoWrapper {
+  margin-left: 20px;
+}
+
+.animatedLogo {
+  max-width: calc(100vw - 30px);
+  cursor: ew-resize;
+}
+
 @media screen and (max-width: 735px) {
   footer .sitemap {
     display: block;
     margin-left: 20px;
   }
-
   footer .sitemap .nav-home {
     margin: 0 auto;
   }
@@ -24,6 +41,347 @@
   }
 }
 
+.buttonGroup .button:not(:first-of-type) {
+  margin-left: -2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.buttonGroup .button:not(:last-of-type) {
+  margin-right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.button {
+  font-weight: 600;
+  font-size: 18px;
+  padding-top: 9px;
+  padding-bottom: 8px;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  border-radius: 8px;
+}
+
+.pluginRowBlock .button {
+  border-radius: 16px;
+}
+
+.pluginRowBlock .buttonWrapper:nth-of-type(1) .button {
+  background: #f8bc45;
+}
+.pluginRowBlock .buttonWrapper:nth-of-type(2) .button {
+  background: #c596c7;
+}
+.pluginRowBlock .buttonWrapper:nth-of-type(3) .button {
+  background: #5ab3b3;
+}
+
+.homeContainer {
+  background: #1a2b34;
+}
+
+.productShowcaseSection {
+  background: #1a2b34;
+  padding-top: 50px;
+  padding-bottom: 50px;
+}
+
+.productShowcaseSection.lightBackground {
+  background: #182025;
+}
+
+.productShowcaseSection h2 {
+  text-align: left;
+  font-weight: 500;
+  margin-bottom: 1.5em;
+  font-size: 34px !important;
+}
+
+.productShowcaseSection h3 {
+  color: #f9f9f9 !important;
+  font-weight: 400;
+}
+
+.productShowcaseSection p,
+.productShowcaseSection span,
+.productShowcaseSection a,
+.productShowcaseSection code {
+  color: #f9f9f9 !important;
+  font-size: 14px;
+}
+
+.tldrSection h2,
+.tldrSection ul {
+  color: #f8bc45 !important;
+  padding: 0 !important;
+}
+
+.tldrSection h2::before {
+  content: "# ";
+}
+
+.mainContainer .tldrSection ul li {
+  list-style: none;
+  list-style-position: inside;
+  line-height: 1.0;
+}
+
+.mainContainer .tldrSection ul li a {
+  font-size: 18px;
+}
+
+.tldrSection li::before {
+  content: "* ";
+  vertical-align: sub;
+}
+
+.languagesSection h2 {
+  color: #c596c7 !important;
+}
+
+.languagesSection .accented {
+  color: #c596c7 !important;
+}
+
+.languagesSection .languageCategory p {
+  padding: 0;
+}
+
+.editorSupportSection h2 {
+  color: #5ab3b3 !important;
+}
+
+.editor {
+  padding: 0 20px 60px 0;
+  display: flex;
+  min-width: 235px;
+  flex: 1;
+  flex-grow: 0;
+  flex-basis: 22%;
+}
+
+.editor code {
+  white-space: nowrap;
+}
+
+.editorImage {
+  width: 100px;
+  height: 100px;
+}
+
+.editorInfo {
+  padding-left: 12px;
+  flex-shrink: 0;
+}
+
+.editorInfo code {
+  white-space: normal;
+}
+
+@media only screen and (min-width: 360px) and (max-width: 590px) {
+  .editor {
+    flex-direction: column;
+    min-width: 140px;
+    padding-right: 0;
+  }
+
+  .editorInfo {
+    padding-left: 0px !important;
+  }
+
+  .editorImage {
+    margin: 0;
+    width: 50px;
+    height: 50px;
+  }
+}
+
+@media only screen and (max-width: 736px) {
+  .editor {
+    padding-bottom: 30px;
+  }
+
+  .editorImage {
+    width: 75px;
+    height: 75px;
+  }
+}
+
+.getStartedSection h2 {
+  color: #e85f61 !important;
+}
+
+.getStartedSection {
+  text-align: left;
+}
+
+.getStartedSection--npm .yarnOnly {
+  display: none;
+}
+.getStartedSection:not(.getStartedSection--npm) .npmOnly {
+  display: none;
+}
+
+.getStartedSection .button {
+  border: 1px solid #e85f61;
+  color: #e85f61 !important;
+  line-height: 1em;
+}
+
+.getStartedSection .button.active {
+  background: #e85f61;
+  color: #1a2b34 !important;
+}
+
+.getStartedSection ol {
+  list-style: none;
+  color: #f9f9f9;
+  margin-top: 48px;
+  margin-left: 48px;
+}
+
+.getStartedSection ol li {
+  margin: 0 0 22px 0 !important;
+  min-height: 110px;
+  padding-left: 46px;
+  position: relative;
+}
+
+.getStartedSection ol li::before {
+  color: #e85f61;
+  font-size: 58px;
+  position: absolute;
+  left: -24px;
+  top: -44px;
+  width: 58px;
+  text-align: right;
+}
+
+.getStartedSection ol li:nth-of-type(1)::before {
+  content: "1.";
+}
+.getStartedSection ol li:nth-of-type(2)::before {
+  content: "2.";
+}
+.getStartedSection ol li:nth-of-type(3)::before {
+  content: "3.";
+}
+
+.decorativeRects {
+  min-width: 400px;
+  width: 400px;
+}
+
+@media screen and (max-width: 960px) {
+  .decorativeRects {
+    min-width: 300px;
+    width: 300px;
+  }
+}
+@media screen and (max-width: 875px) {
+  .decorativeRects {
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 736px) {
+  .getStartedSection ol {
+    margin: 0 0 0 -12px !important;
+    padding: 0 !important;
+  }
+
+  .getStartedSection ol li::before {
+    font-size: 36px;
+    top: -22px;
+  }
+
+  .getStartedFlexContainer {
+    flex-wrap: wrap-reverse !important;
+  }
+}
+
+.getStartedFlexContainer pre {
+  overflow: hidden;
+}
+
+.getStartedSection code {
+  font-weight: 500;
+  font-size: 100%;
+  overflow-x: auto;
+}
+
+.getStartedSection .hljs {
+  background: transparent !important;
+  font-size: 130%;
+}
+
+.getStartedSteps {
+  overflow: auto;
+}
+
+.usersSection h2,
+.usersSection h3 {
+  color: #6f7b81 !important;
+}
+.usersSection a {
+  color: #f9f9f9 !important;
+}
+.usersSection a:hover {
+  color: white !important;
+}
+
+.usersSection p {
+  font-size: 1em;
+  margin: 4px;
+}
+
+.usersSection .button {
+  background: #6f7b81;
+  color: #1a2b34 !important;
+}
+
+.usersSection .user {
+  height: 100px;
+  width: 200px;
+  flex-grow: 1;
+  padding: 1em;
+}
+
+.usersSection .more-users {
+  margin-top: 20px;
+}
+
+@media only screen and (max-width: 736px) {
+  .usersSection .user {
+    height: 50px !important;
+    width: 100px !important;
+  }
+}
+
+.ecosystemSubHeader {
+  margin-top: 40px !important;
+  margin-bottom: 20px !important;
+}
+
+.ecosystemSubSection p {
+  padding-top: 4px !important;
+  font-size: 0.9em;
+  color: rgb(176, 196, 206) !important;
+  line-height: 1.2em !important;
+}
+
+.growOnHover {
+  transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+
+.growOnHover:hover {
+  transform: scale(1.2);
+}
+
+.footerSection {
+  background: #1a2b34 !important;
+}
+
 .mainContainer .wrapper .post h2 {
   font-size: 2em;
 }
@@ -66,7 +424,8 @@ a {
   font-weight: inherit;
 }
 
-.post, .post-content {
+.post,
+.post-content {
   font-size: 16px;
 }
 
@@ -116,26 +475,50 @@ a {
   border-left-color: #eb5d5d;
 }
 
-.hljs, .hljs-subst {
+.hljs,
+.hljs-subst {
   color: #1b2b35;
 }
 
-.hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion,
-.hljs-title, .hljs-section {
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion,
+.hljs-title,
+.hljs-section {
   color: #eb5d5d;
 }
 
-.hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition,
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition,
 .hljs-literal {
   color: #56b3b4;
 }
 
-.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name,
-.hljs-title, .hljs-section {
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name,
+.hljs-title,
+.hljs-section {
   font-weight: normal;
 }
 
-.hljs-regexp, .hljs-symbol, .hljs-variable, .hljs-template-variable, .hljs-link, .hljs-selector-attr, .hljs-selector-pseudo,
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
 .hljs-comment {
   color: #cda144;
 }
diff --git a/website/static/prettier-animated-logo.css b/website/static/prettier-animated-logo.css
new file mode 100644
index 000000000..8d9b5e9eb
--- /dev/null
+++ b/website/static/prettier-animated-logo.css
@@ -0,0 +1,581 @@
+@media (prefers-reduced-motion) {
+  .dash {
+    transition: none !important;
+  }
+}
+
+/* GENERATED CONTENT FOLLOWS */
+
+.c1 {
+  stroke: #56b3b4;
+}
+.c2 {
+  stroke: #ea5e5e;
+}
+.c3 {
+  stroke: #f7ba3e;
+}
+.c4 {
+  stroke: #bf85bf;
+}
+.c1,
+.c2,
+.c3,
+.c4 {
+  opacity: 1;
+}
+g > path,
+.initial g > path {
+  opacity: 0.5;
+  stroke: #4d616e;
+}
+.dash {
+  stroke-linecap: round;
+  stroke-width: 10;
+  transition-timing-function: cubic-bezier(0.43, 0.12, 0.44, 1);
+  transition-property: stroke-dashoffset, stroke, opacity;
+  transition-duration: 900ms;
+}
+.l0 > path {
+  transition-delay: 0ms, 500ms, -200ms;
+}
+.l0 .p0 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: 0;
+}
+.initial .l0 .p0 {
+  stroke-dashoffset: -130;
+}
+.l0 .p1 {
+  stroke-dasharray: 140, 380;
+  stroke-dashoffset: -60;
+}
+.initial .l0 .p1 {
+  stroke-dashoffset: -190;
+}
+.l0 .p2 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -220;
+}
+.initial .l0 .p2 {
+  stroke-dashoffset: -350;
+}
+.l1 > path {
+  transition-delay: 70ms, 570ms, -130ms;
+}
+.l1 .p0 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -20;
+}
+.initial .l1 .p0 {
+  stroke-dashoffset: 80;
+}
+.l1 .p1 {
+  stroke-dasharray: 120, 400;
+  stroke-dashoffset: -100;
+}
+.initial .l1 .p1 {
+  stroke-dashoffset: 0;
+}
+.l1 .p2 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -240;
+}
+.initial .l1 .p2 {
+  stroke-dashoffset: -140;
+}
+.l1 .p3 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -300;
+}
+.initial .l1 .p3 {
+  stroke-dashoffset: -200;
+}
+.l2 > path {
+  transition-delay: 140ms, 640ms, -60ms;
+}
+.l2 .p0 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -40;
+}
+.initial .l2 .p0 {
+  stroke-dashoffset: -160;
+}
+.l2 .p1 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -100;
+}
+.initial .l2 .p1 {
+  stroke-dashoffset: -220;
+}
+.l2 .p2 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -150;
+}
+.initial .l2 .p2 {
+  stroke-dashoffset: -270;
+}
+.l2 .p3 {
+  stroke-dasharray: 130, 390;
+  stroke-dashoffset: -270;
+}
+.initial .l2 .p3 {
+  stroke-dashoffset: -390;
+}
+.l2 .p4 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -420;
+}
+.initial .l2 .p4 {
+  stroke-dashoffset: -540;
+}
+.l3 > path {
+  transition-delay: 210ms, 710ms, 10ms;
+}
+.l3 .p0 {
+  stroke-dasharray: 80, 440;
+  stroke-dashoffset: 0;
+}
+.initial .l3 .p0 {
+  stroke-dashoffset: -40;
+}
+.l3 .p1 {
+  stroke-dasharray: 70, 450;
+  stroke-dashoffset: -100;
+}
+.initial .l3 .p1 {
+  stroke-dashoffset: -140;
+}
+.l3 .p2 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -190;
+}
+.initial .l3 .p2 {
+  stroke-dashoffset: -230;
+}
+.l3 .p3 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -250;
+}
+.initial .l3 .p3 {
+  stroke-dashoffset: -290;
+}
+.l3 .p4 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -280;
+}
+.initial .l3 .p4 {
+  stroke-dashoffset: -320;
+}
+.l3 .p5 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -320;
+}
+.initial .l3 .p5 {
+  stroke-dashoffset: -360;
+}
+.l4 > path {
+  transition-delay: 280ms, 780ms, 80ms;
+}
+.l4 .p0 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -70;
+}
+.initial .l4 .p0 {
+  stroke-dashoffset: 80;
+}
+.l4 .p1 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -100;
+}
+.initial .l4 .p1 {
+  stroke-dashoffset: 50;
+}
+.l4 .p2 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -140;
+}
+.initial .l4 .p2 {
+  stroke-dashoffset: 10;
+}
+.l4 .p3 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -170;
+}
+.initial .l4 .p3 {
+  stroke-dashoffset: -20;
+}
+.l4 .p4 {
+  stroke-dasharray: 50, 470;
+  stroke-dashoffset: -220;
+}
+.initial .l4 .p4 {
+  stroke-dashoffset: -70;
+}
+.l4 .p5 {
+  stroke-dasharray: 90, 430;
+  stroke-dashoffset: -290;
+}
+.initial .l4 .p5 {
+  stroke-dashoffset: -140;
+}
+.l5 > path {
+  transition-delay: 350ms, 850ms, 150ms;
+}
+.l5 .p0 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: 0;
+}
+.initial .l5 .p0 {
+  stroke-dashoffset: -100;
+}
+.l5 .p1 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -40;
+}
+.initial .l5 .p1 {
+  stroke-dashoffset: -140;
+}
+.l5 .p2 {
+  stroke-dasharray: 50, 470;
+  stroke-dashoffset: -100;
+}
+.initial .l5 .p2 {
+  stroke-dashoffset: -200;
+}
+.l5 .p3 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -170;
+}
+.initial .l5 .p3 {
+  stroke-dashoffset: -270;
+}
+.l5 .p4 {
+  stroke-dasharray: 50, 470;
+  stroke-dashoffset: -220;
+}
+.initial .l5 .p4 {
+  stroke-dashoffset: -320;
+}
+.l5 .p5 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -290;
+}
+.initial .l5 .p5 {
+  stroke-dashoffset: -390;
+}
+.l5 .p6 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -350;
+}
+.initial .l5 .p6 {
+  stroke-dashoffset: -450;
+}
+.l6 > path {
+  transition-delay: 420ms, 920ms, 220ms;
+}
+.l6 .p0 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -20;
+}
+.initial .l6 .p0 {
+  stroke-dashoffset: -210;
+}
+.l6 .p1 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -100;
+}
+.initial .l6 .p1 {
+  stroke-dashoffset: -290;
+}
+.l6 .p2 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -130;
+}
+.initial .l6 .p2 {
+  stroke-dashoffset: -320;
+}
+.l6 .p3 {
+  stroke-dasharray: 80, 440;
+  stroke-dashoffset: -180;
+}
+.initial .l6 .p3 {
+  stroke-dashoffset: -370;
+}
+.l6 .p4 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -280;
+}
+.initial .l6 .p4 {
+  stroke-dashoffset: -470;
+}
+.l6 .p5 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -320;
+}
+.initial .l6 .p5 {
+  stroke-dashoffset: -510;
+}
+.l6 .p6 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -440;
+}
+.initial .l6 .p6 {
+  stroke-dashoffset: -630;
+}
+.l7 > path {
+  transition-delay: 490ms, 990ms, 290ms;
+}
+.l7 .p0 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -50;
+}
+.initial .l7 .p0 {
+  stroke-dashoffset: -20;
+}
+.l7 .p1 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -100;
+}
+.initial .l7 .p1 {
+  stroke-dashoffset: -70;
+}
+.l7 .p2 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -160;
+}
+.initial .l7 .p2 {
+  stroke-dashoffset: -130;
+}
+.l7 .p3 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -220;
+}
+.initial .l7 .p3 {
+  stroke-dashoffset: -190;
+}
+.l7 .p4 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -270;
+}
+.initial .l7 .p4 {
+  stroke-dashoffset: -240;
+}
+.l7 .p5 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -350;
+}
+.initial .l7 .p5 {
+  stroke-dashoffset: -320;
+}
+.l8 > path {
+  transition-delay: 560ms, 1060ms, 360ms;
+}
+.l8 .p0 {
+  stroke-dasharray: 30, 490;
+  stroke-dashoffset: -20;
+}
+.initial .l8 .p0 {
+  stroke-dashoffset: -70;
+}
+.l8 .p1 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -70;
+}
+.initial .l8 .p1 {
+  stroke-dashoffset: -120;
+}
+.l8 .p2 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -100;
+}
+.initial .l8 .p2 {
+  stroke-dashoffset: -150;
+}
+.l8 .p3 {
+  stroke-dasharray: 90, 430;
+  stroke-dashoffset: -130;
+}
+.initial .l8 .p3 {
+  stroke-dashoffset: -180;
+}
+.l8 .p4 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -240;
+}
+.initial .l8 .p4 {
+  stroke-dashoffset: -290;
+}
+.l8 .p5 {
+  stroke-dasharray: 80, 440;
+  stroke-dashoffset: -280;
+}
+.initial .l8 .p5 {
+  stroke-dashoffset: -330;
+}
+.l8 .p6 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -380;
+}
+.initial .l8 .p6 {
+  stroke-dashoffset: -430;
+}
+.l9 > path {
+  transition-delay: 630ms, 1130ms, 430ms;
+}
+.l9 .p0 {
+  stroke-dasharray: 70, 450;
+  stroke-dashoffset: -10;
+}
+.initial .l9 .p0 {
+  stroke-dashoffset: -160;
+}
+.l9 .p1 {
+  stroke-dasharray: 50, 470;
+  stroke-dashoffset: -100;
+}
+.initial .l9 .p1 {
+  stroke-dashoffset: -250;
+}
+.l9 .p2 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -170;
+}
+.initial .l9 .p2 {
+  stroke-dashoffset: -320;
+}
+.l9 .p3 {
+  stroke-dasharray: 90, 430;
+  stroke-dashoffset: -210;
+}
+.initial .l9 .p3 {
+  stroke-dashoffset: -360;
+}
+.l9 .p4 {
+  stroke-dasharray: 90, 430;
+  stroke-dashoffset: -320;
+}
+.initial .l9 .p4 {
+  stroke-dashoffset: -470;
+}
+.l10 > path {
+  transition-delay: 700ms, 1200ms, 500ms;
+}
+.l10 .p0 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -40;
+}
+.initial .l10 .p0 {
+  stroke-dashoffset: 60;
+}
+.l10 .p1 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -100;
+}
+.initial .l10 .p1 {
+  stroke-dashoffset: 0;
+}
+.l10 .p2 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -140;
+}
+.initial .l10 .p2 {
+  stroke-dashoffset: -40;
+}
+.l10 .p3 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -170;
+}
+.initial .l10 .p3 {
+  stroke-dashoffset: -70;
+}
+.l10 .p4 {
+  stroke-dasharray: 10, 510;
+  stroke-dashoffset: -230;
+}
+.initial .l10 .p4 {
+  stroke-dashoffset: -130;
+}
+.l10 .p5 {
+  stroke-dasharray: 80, 440;
+  stroke-dashoffset: -260;
+}
+.initial .l10 .p5 {
+  stroke-dashoffset: -160;
+}
+.l10 .p6 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -360;
+}
+.initial .l10 .p6 {
+  stroke-dashoffset: -260;
+}
+.l11 > path {
+  transition-delay: 770ms, 1270ms, 570ms;
+}
+.l11 .p0 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -60;
+}
+.initial .l11 .p0 {
+  stroke-dashoffset: -10;
+}
+.l11 .p1 {
+  stroke-dasharray: 50, 470;
+  stroke-dashoffset: -100;
+}
+.initial .l11 .p1 {
+  stroke-dashoffset: -50;
+}
+.l11 .p2 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -170;
+}
+.initial .l11 .p2 {
+  stroke-dashoffset: -120;
+}
+.l11 .p3 {
+  stroke-dasharray: 40, 480;
+  stroke-dashoffset: -250;
+}
+.initial .l11 .p3 {
+  stroke-dashoffset: -200;
+}
+.l11 .p4 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -310;
+}
+.initial .l11 .p4 {
+  stroke-dashoffset: -260;
+}
+.l12 > path {
+  transition-delay: 840ms, 1340ms, 640ms;
+}
+.l12 .p0 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -40;
+}
+.initial .l12 .p0 {
+  stroke-dashoffset: 110;
+}
+.l12 .p1 {
+  stroke-dasharray: 60, 460;
+  stroke-dashoffset: -120;
+}
+.initial .l12 .p1 {
+  stroke-dashoffset: 30;
+}
+.l12 .p2 {
+  stroke-dasharray: 100, 420;
+  stroke-dashoffset: -200;
+}
+.initial .l12 .p2 {
+  stroke-dashoffset: -50;
+}
+.l12 .p3 {
+  stroke-dasharray: 20, 500;
+  stroke-dashoffset: -320;
+}
+.initial .l12 .p3 {
+  stroke-dashoffset: -170;
+}
diff --git a/website/static/prettier-centered-logo-static.svg b/website/static/prettier-centered-logo-static.svg
new file mode 100644
index 000000000..9249b79ff
--- /dev/null
+++ b/website/static/prettier-centered-logo-static.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="685px" height="250px" viewBox="0 0 685 250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 17</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <rect fill="#56B3B4" x="410" y="60" width="20" height="10" rx="5"></rect>
+                <rect fill="#EA5E5E" x="260" y="220" width="70" height="10" rx="5"></rect>
+                <rect fill="#C693C6" x="380" y="140" width="40" height="10" rx="5"></rect>
+                <rect fill="#EA5E5E" x="320" y="140" width="50" height="10" rx="5"></rect>
+                <rect fill="#56B3B4" x="260" y="140" width="50" height="10" rx="5"></rect>
+                <rect fill="#C693C6" x="260" y="180" width="70" height="10" rx="5"></rect>
+                <rect fill="#C693C6" x="260" y="100" width="50" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="310" y="40" width="110" height="10" rx="5"></rect>
+                <rect fill="#EA5E5E" x="260" y="40" width="40" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="300" y="200" width="30" height="10" rx="5"></rect>
+                <rect fill="#56B3B4" x="260" y="200" width="30" height="10" rx="5"></rect>
+                <rect fill="#56B3B4" x="340" y="120" width="90" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="290" y="120" width="40" height="10" rx="5"></rect>
+                <rect fill="#EA5E5E" x="260" y="120" width="20" height="10" rx="5"></rect>
+                <rect fill="#C693C6" x="350" y="60" width="50" height="10" rx="5"></rect>
+                <rect fill="#56B3B4" x="260" y="60" width="80" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="290" y="160" width="100" height="10" rx="5"></rect>
+                <rect fill="#C693C6" x="260" y="160" width="20" height="10" rx="5"></rect>
+                <rect fill="#EA5E5E" x="380" y="80" width="60" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="380" y="100" width="60" height="10" rx="5"></rect>
+                <rect fill="#FBBF47" x="260" y="80" width="50" height="10" rx="5"></rect>
+                <rect fill="#56B3B4" x="260" y="20" width="130" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="400" y="20" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="100" y="20" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="180" y="20" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="195" y="0" width="145" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="350" y="0" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="105" y="0" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="160" y="220" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="180" y="60" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="559" y="0" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="41" y="20" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="410" y="0" width="139" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="515" y="20" width="124" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="175" y="240" width="110" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="95" y="240" width="70" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="400" y="160" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="480" y="160" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="100" y="140" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="120" y="120" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="20" y="120" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="580" y="160" width="35" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="430" y="140" width="70" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="590" y="120" width="70" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="430" y="40" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="140" y="40" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="70" y="40" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="160" y="80" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="500" y="40" width="115" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="410" y="200" width="115" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="105" y="200" width="145" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="135" y="160" width="115" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="210" y="40" width="40" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="25" y="60" width="40" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="110" y="80" width="40" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="230" y="80" width="20" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="440" y="120" width="110" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="140" y="100" width="110" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="480" y="80" width="205" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="440" y="60" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="540" y="60" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="10" y="80" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="70" y="60" width="100" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="478" y="20" width="30" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="480" y="220" width="40" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="75" y="160" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="220" y="220" width="30" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="220" y="120" width="30" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="560" y="120" width="20" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="450" y="80" width="20" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="165" y="0" width="20" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="160" y="180" width="20" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="60" y="220" width="90" height="10" rx="5"></rect>
+                <rect fill="#C6CBD0" opacity="0.5" x="450" y="100" width="145" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="340" y="180" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="440" y="180" width="155" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="340" y="200" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="395" y="240" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="190" y="180" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="65" y="180" width="85" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="30" y="140" width="60" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="510" y="140" width="130" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="0" y="100" width="130" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="340" y="220" width="130" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="295" y="240" width="90" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="320" y="80" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="320" y="100" width="50" height="10" rx="5"></rect>
+                <rect  fill="#C6CBD0" opacity="0.5" x="200" y="140" width="50" height="10" rx="5"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/website/static/redirect.js b/website/static/redirect.js
deleted file mode 100644
index e1249fdb2..000000000
--- a/website/static/redirect.js
+++ /dev/null
@@ -1,7 +0,0 @@
-"use strict";
-
-/* eslint-env browser */
-
-if (location.hash.substring(1).startsWith(encodeURIComponent("{"))) {
-  location.pathname = "/playground/";
-}