diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 000000000..5c1a46946
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,2 @@
+[context.deploy-preview]
+  command = "npm run preview:hbs"
diff --git a/package.json b/package.json
index 102859805..74a2962cf 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "test": "lerna run test",
     "clean": "git clean -dfx",
     "publish": "npx lerna publish -m \"[skip travis] chore(release): publish %s\"",
-    "postpublish": "auto release"
+    "postpublish": "auto release",
+    "preview:hbs": "cd packages/development-edition-engine-handlebars && npx patternlab add --starterkits '@pattern-lab/starterkit-handlebars-vanilla' && npm run pl:build"
   },
   "nyc": {
     "exclude": [
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.hbs b/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.hbs
deleted file mode 100644
index 06004c9de..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.hbs
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="sg-swatch" style="background: {{color.hex}}">
-  <span class="sg-label {{#if inverted}}sg-label__inverted{{/if}} sg-label__top">{{label}}</span>
-  <span class="sg-label {{#if inverted}}sg-label__inverted{{/if}} sg-label__bottom">hex: {{color.hex}}</span>
-  <span class="sg-label {{#if inverted}}sg-label__inverted{{/if}} sg-label__bottom">cmyk: {{color.cmyk}}</span>
-</div>
-swatch
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.json b/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.json
deleted file mode 100644
index 15d3872ba..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "color": {
-    "hex": "#031636",
-    "cmyk": "94 59 0 79"
-  },
-  "label": "dark blue"
-}
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.md b/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.md
deleted file mode 100644
index 3f2d7ea0f..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.md
+++ /dev/null
@@ -1 +0,0 @@
-Pattern Lab Tip: Note the use of the [built-in handlebars helper, `if`](https://handlebarsjs.com/builtin_helpers.html) and the ability to address data using dot notation [paths](https://handlebarsjs.com/#paths).
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.scss b/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.scss
deleted file mode 100644
index 193e3ca7d..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/swatches/swatch.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-* {
-  color: rebeccapurple
-}
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/text/helper.hbs b/packages/development-edition-engine-handlebars/source/_patterns/atoms/text/helper.hbs
deleted file mode 100644
index edc2f0ebf..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/text/helper.hbs
+++ /dev/null
@@ -1 +0,0 @@
-{{test}}
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/type.md b/packages/development-edition-engine-handlebars/source/_patterns/atoms/type.md
deleted file mode 100644
index 245bc9dcd..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/type.md
+++ /dev/null
@@ -1 +0,0 @@
-Type
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/atoms/type/annotation.hbs b/packages/development-edition-engine-handlebars/source/_patterns/atoms/type/annotation.hbs
deleted file mode 100644
index 7d556dbab..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/atoms/type/annotation.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<small class="annotation {{class}}">{{#if annotation}}{{annotation}}{{else}}v{{version}}{{/if}} </small>
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants.md b/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants.md
deleted file mode 100644
index 345e6aef7..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants.md
+++ /dev/null
@@ -1 +0,0 @@
-Test
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.hbs b/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.hbs
deleted file mode 100644
index 9cb654819..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.hbs
+++ /dev/null
@@ -1,8 +0,0 @@
-<ul class="sg-colors">
-  <li>hi12
-    {{> atoms-annotation annotation="possible colors"}}
-  </li>
-  {{#each swatches}}
-  <li class="sg-color">{{> atoms-swatch }}</li>
-  {{/each}}
-</ul>
diff --git a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.md b/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.md
deleted file mode 100644
index 131286757..000000000
--- a/packages/development-edition-engine-handlebars/source/_patterns/molecules/variants/swatches.md
+++ /dev/null
@@ -1 +0,0 @@
-Pattern Lab Tip: Note the use of the [built-in handlebars helper, `each`](https://handlebarsjs.com/builtin_helpers.html).
diff --git a/packages/development-edition-engine-handlebars/source/fonts/.gitkeep b/packages/development-edition-engine-handlebars/source/fonts/.gitkeep
new file mode 100644
index 000000000..e69de29bb