diff --git a/website/content/docs/start-with-a-template.md b/website/content/docs/start-with-a-template.md
index ae36954a..60d8dff4 100644
--- a/website/content/docs/start-with-a-template.md
+++ b/website/content/docs/start-with-a-template.md
@@ -6,27 +6,34 @@ weight: 10
 You can add Netlify CMS [to an existing site](/docs/add-to-your-site/), but the quickest way to get started is with a template.  Found below, our featured templates deploy a bare-bones site and Netlify CMS to Netlify ([what's the difference, you ask?](../intro/#netlify-cms-vs-netlify)), giving you a fully working CMS-enabled site with just a few clicks.
 
 <div style="display: flex; justify-content: space-around; text-align: center; margin-bottom: 1.5em;">
-    <div style="flex-basis: 33.3%">
+    <div style="flex-basis: 25%">
         <div style="padding: 0 15%; height: 100px; display: flex; justify-content: center;">
           <img style="display: flex" src="/img/hugo.svg"/>
         </div>
         <h4>Hugo Site Starter</h4>
         <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/one-click-hugo-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
     </div>
-    <div style="flex-basis: 33.3%">
+    <div style="flex-basis: 25%">
         <div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
           <img style="display: flex" src="/img/gatsby.svg"/>
         </div>
         <h4>Gatsby Site Starter</h4>
         <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/AustinGreen/gatsby-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
     </div>
-    <div style="flex-basis: 33.3%">
+    <div style="flex-basis: 25%">
         <div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
           <img style="display: flex" src="/img/middleman.svg"/>
         </div>
         <h4>Middleman Site Starter</h4>
         <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/tomrutgers/middleman-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
     </div>
+    <div style="flex-basis: 25%">
+        <div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
+          <img style="display: flex" src="/img/preact.svg"/>
+        </div>
+        <h4>Preact CLI</h4>
+        <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/prateekbh/preact-netlify&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
+    </div>
 </div>
 
 After clicking one of those buttons, authenticate with GitHub or GitLab and choose a repository name. Netlify then automatically creates a clone of the repository in your GitHub or GitLab account. Next, it builds and deploys the new site on Netlify, bringing you to the site dashboard after completing the build.
diff --git a/website/static/img/preact.svg b/website/static/img/preact.svg
new file mode 100644
index 00000000..0bc7c940
--- /dev/null
+++ b/website/static/img/preact.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="-286 -286 572 572" version="1.1">
+  <path d="M0,-256 221.7025033688164,-128 221.7025033688164,128 0,256 -221.7025033688164,128 -221.7025033688164,-128z" fill="#673ab8"/>
+  <ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(52.5)"/>
+  <ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(-52.5)"/>
+  <circle cx="0" cy="0" r="34" fill="white"/>
+</svg>