diff --git a/.travis.yml b/.travis.yml
index 2df01779..c2056717 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -4,6 +4,7 @@ node_js:
   - 10.14.2
   - 10
   - 12
+  - 14
 cache:
   yarn: true
 # addons:
@@ -17,6 +18,7 @@ services:
 before_script:
   - yarn prepare-links
   - cd packages/chisel-plugin-wordpress; yarn prepare; cd -;
+  - export FORCE_COLOR=3
 
 after_script:
   - npm install -g codecov
diff --git a/__tests__/fe/__snapshots__/add-page.js.snap b/__tests__/fe/__snapshots__/add-page.js.snap
index af0d3e74..e215b4e4 100644
--- a/__tests__/fe/__snapshots__/add-page.js.snap
+++ b/__tests__/fe/__snapshots__/add-page.js.snap
@@ -7,10 +7,13 @@ exports[`FE add-page Adds pages in default setup 1`] = `
     <meta charset=\\"utf-8\\" />
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
-    <link href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\" rel=\\"stylesheet\\">
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
+    >
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
     <script type=\\"text/x-chisel-pages-template\\">
       <ul class=\\"c-list\\">
@@ -33,12 +36,18 @@ exports[`FE add-page Adds pages in default setup 1`] = `
 
       <div class=\\"c-section c-section--first\\">
         <div class=\\"c-section__content\\">
-          <p class=\\"c-intro\\">This project is powered by <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development framework for creating easy to maintain and fast front-end templates.</p>
+          <p class=\\"c-intro\\">
+            This project is powered by
+            <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development
+            framework for creating easy to maintain and fast front-end
+            templates.
+          </p>
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre> or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
+            or
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
           <!-- CHISEL-PAGES-LIST -->
         </div>
@@ -48,9 +57,20 @@ exports[`FE add-page Adds pages in default setup 1`] = `
       <section class=\\"c-section\\">
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
-          <p><strong>Chisel supports modern web development workflows and helps developers to create a code base which is easy to maintain.</strong></p>
-          <p>For detailed information how Chisel works, please check out <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.</p>
-          <p>If you are just looking for your deliverable files, they are located inside the <code>dist</code> folder. No files found outside of that folder should usually be uploaded to your server (e.g. this file).</p>
+          <p>
+            <strong class=\\"c-section__intro\\">Chisel supports modern web development workflows and helps
+              developers to create a code base which is easy to
+              maintain.</strong>
+          </p>
+          <p class=\\"c-section__text\\">
+            For detailed information how Chisel works, please check out
+            <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
+          </p>
+          <p class=\\"c-section__text\\">
+            If you are just looking for your deliverable files, they are located
+            inside the <code>dist</code> folder. No files found outside of that
+            folder should usually be uploaded to your server (e.g. this file).
+          </p>
         </div>
       </section>
       <!-- /c-section -->
@@ -69,12 +89,12 @@ exports[`FE add-page Adds pages in default setup 2`] = `
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -102,9 +122,9 @@ exports[`FE add-page Adds pages in default setup 2`] = `
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -125,17 +145,17 @@ exports[`FE add-page Adds pages in default setup 2`] = `
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -187,12 +207,12 @@ exports[`FE add-page Adds pages in default setup 5`] = `
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -220,9 +240,9 @@ exports[`FE add-page Adds pages in default setup 5`] = `
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -264,17 +284,17 @@ exports[`FE add-page Adds pages in default setup 5`] = `
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -355,12 +375,12 @@ exports[`FE add-page Adds pages with the same name 1`] = `
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -388,9 +408,9 @@ exports[`FE add-page Adds pages with the same name 1`] = `
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -418,17 +438,17 @@ exports[`FE add-page Adds pages with the same name 1`] = `
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -470,12 +490,12 @@ exports[`FE add-page Doesn't build with --no-build 1`] = `
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -503,9 +523,9 @@ exports[`FE add-page Doesn't build with --no-build 1`] = `
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -526,17 +546,17 @@ exports[`FE add-page Doesn't build with --no-build 1`] = `
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -570,10 +590,13 @@ exports[`FE add-page Fails when adding nested page in default setup 2`] = `
     <meta charset=\\"utf-8\\" />
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
-    <link href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\" rel=\\"stylesheet\\">
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
+    >
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
     <script type=\\"text/x-chisel-pages-template\\">
       <ul class=\\"c-list\\">
@@ -596,12 +619,18 @@ exports[`FE add-page Fails when adding nested page in default setup 2`] = `
 
       <div class=\\"c-section c-section--first\\">
         <div class=\\"c-section__content\\">
-          <p class=\\"c-intro\\">This project is powered by <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development framework for creating easy to maintain and fast front-end templates.</p>
+          <p class=\\"c-intro\\">
+            This project is powered by
+            <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development
+            framework for creating easy to maintain and fast front-end
+            templates.
+          </p>
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre> or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
+            or
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
           <!-- CHISEL-PAGES-LIST -->
         </div>
@@ -611,9 +640,20 @@ exports[`FE add-page Fails when adding nested page in default setup 2`] = `
       <section class=\\"c-section\\">
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
-          <p><strong>Chisel supports modern web development workflows and helps developers to create a code base which is easy to maintain.</strong></p>
-          <p>For detailed information how Chisel works, please check out <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.</p>
-          <p>If you are just looking for your deliverable files, they are located inside the <code>dist</code> folder. No files found outside of that folder should usually be uploaded to your server (e.g. this file).</p>
+          <p>
+            <strong class=\\"c-section__intro\\">Chisel supports modern web development workflows and helps
+              developers to create a code base which is easy to
+              maintain.</strong>
+          </p>
+          <p class=\\"c-section__text\\">
+            For detailed information how Chisel works, please check out
+            <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
+          </p>
+          <p class=\\"c-section__text\\">
+            If you are just looking for your deliverable files, they are located
+            inside the <code>dist</code> folder. No files found outside of that
+            folder should usually be uploaded to your server (e.g. this file).
+          </p>
         </div>
       </section>
       <!-- /c-section -->
@@ -659,10 +699,13 @@ exports[`FE add-page Fails when no page is passed 4`] = `
     <meta charset=\\"utf-8\\" />
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
-    <link href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\" rel=\\"stylesheet\\">
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
+    >
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
     <script type=\\"text/x-chisel-pages-template\\">
       <ul class=\\"c-list\\">
@@ -685,12 +728,18 @@ exports[`FE add-page Fails when no page is passed 4`] = `
 
       <div class=\\"c-section c-section--first\\">
         <div class=\\"c-section__content\\">
-          <p class=\\"c-intro\\">This project is powered by <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development framework for creating easy to maintain and fast front-end templates.</p>
+          <p class=\\"c-intro\\">
+            This project is powered by
+            <a href=\\"https://www.getchisel.co/\\">Chisel</a>, a development
+            framework for creating easy to maintain and fast front-end
+            templates.
+          </p>
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre> or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
+            or
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
           <!-- CHISEL-PAGES-LIST -->
         </div>
@@ -700,9 +749,20 @@ exports[`FE add-page Fails when no page is passed 4`] = `
       <section class=\\"c-section\\">
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
-          <p><strong>Chisel supports modern web development workflows and helps developers to create a code base which is easy to maintain.</strong></p>
-          <p>For detailed information how Chisel works, please check out <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.</p>
-          <p>If you are just looking for your deliverable files, they are located inside the <code>dist</code> folder. No files found outside of that folder should usually be uploaded to your server (e.g. this file).</p>
+          <p>
+            <strong class=\\"c-section__intro\\">Chisel supports modern web development workflows and helps
+              developers to create a code base which is easy to
+              maintain.</strong>
+          </p>
+          <p class=\\"c-section__text\\">
+            For detailed information how Chisel works, please check out
+            <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
+          </p>
+          <p class=\\"c-section__text\\">
+            If you are just looking for your deliverable files, they are located
+            inside the <code>dist</code> folder. No files found outside of that
+            folder should usually be uploaded to your server (e.g. this file).
+          </p>
         </div>
       </section>
       <!-- /c-section -->
@@ -730,12 +790,12 @@ exports[`FE add-page When using content add pages there and supports nested page
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -763,9 +823,9 @@ exports[`FE add-page When using content add pages there and supports nested page
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -786,17 +846,17 @@ exports[`FE add-page When using content add pages there and supports nested page
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -838,12 +898,12 @@ exports[`FE add-page When using content add pages there and supports nested page
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -871,9 +931,9 @@ exports[`FE add-page When using content add pages there and supports nested page
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -915,17 +975,17 @@ exports[`FE add-page When using content add pages there and supports nested page
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -973,12 +1033,12 @@ exports[`FE add-page When using content and markdown adds pages and builds them
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -1006,9 +1066,9 @@ exports[`FE add-page When using content and markdown adds pages and builds them
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -1029,17 +1089,17 @@ exports[`FE add-page When using content and markdown adds pages and builds them
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
@@ -1082,12 +1142,12 @@ exports[`FE add-page When using content and markdown adds pages and builds them
     <title>Project Index - FrontEnd</title>
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
     <link
-      href=\\"https://fonts.googleapis.com/css?family=Lora:400,700\\"
       rel=\\"stylesheet\\"
+      href=\\"https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700\\"
     />
     <!-- prettier-ignore -->
     <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#f2e9da;background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#eae3d7 0,#eae3d7 41px);color:#1b3729;font-family:Crimson Text,serif;padding:1em}a,a:link{color:#b08b31}a:hover{color:#ecbb42}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0}.c-page-subtitle{border-bottom:7px solid #1b3729;display:inline-block;margin:0;padding-bottom:.25em}.c-intro,.c-page-subtitle{font-size:1.25rem;font-weight:600}.c-intro{margin:0 1em 1em 0;line-height:1.5}.c-heading{border-bottom:5px solid #ecbb42;display:inline-block;font-weight:600;margin:0 0 .5em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ecbb42;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{text-decoration:underline}.c-page__name{color:#1b3729;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#999}
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:\\"\\";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
 
     <script type=\\"text/x-chisel-page-template\\">
@@ -1115,9 +1175,9 @@ exports[`FE add-page When using content and markdown adds pages and builds them
           <h2 class=\\"c-heading\\">Pages</h2>
           <div class=\\"c-section__note\\">
             To add more pages run:
-            <pre><code>npm run add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">npm run add-page 'My Awesome Page'</code></pre>
             or
-            <pre><code>yarn add-page 'My Awesome Page'</code></pre>
+            <pre><code class=\\"c-section__code\\">yarn add-page 'My Awesome Page'</code></pre>
           </div>
 
           <ul class=\\"c-list\\">
@@ -1159,17 +1219,17 @@ exports[`FE add-page When using content and markdown adds pages and builds them
         <div class=\\"c-section__content\\">
           <h2 class=\\"c-heading\\">Documentation</h2>
           <p>
-            <strong
+            <strong class=\\"c-section__intro\\"
               >Chisel supports modern web development workflows and helps
               developers to create a code base which is easy to
               maintain.</strong
             >
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             For detailed information how Chisel works, please check out
             <a href=\\"https://www.getchisel.co/\\">www.getchisel.co</a>.
           </p>
-          <p>
+          <p class=\\"c-section__text\\">
             If you are just looking for your deliverable files, they are located
             inside the <code>dist</code> folder. No files found outside of that
             folder should usually be uploaded to your server (e.g. this file).
diff --git a/__tests__/fe/build/__snapshots__/0.js.snap b/__tests__/fe/build/__snapshots__/0.js.snap
index 069f16e5..21c2a427 100644
--- a/__tests__/fe/build/__snapshots__/0.js.snap
+++ b/__tests__/fe/build/__snapshots__/0.js.snap
@@ -8,8 +8,8 @@ Array [
 
   scripts/app.98db252c.full.js     4.41 KiB             1.35 KiB
   scripts/app.98db252c.js          1.18 KiB             0.59 KiB
-  styles/main.--HASH--.full.css    18.52 KiB            4.79 KiB
-  styles/main.--HASH--.css         5.20 KiB             1.86 KiB
+  styles/main.--HASH--.full.css    18.92 KiB            4.85 KiB
+  styles/main.--HASH--.css         5.25 KiB             1.88 KiB
 
   Images and other types of assets omitted.
 ",
@@ -36,8 +36,8 @@ Array [
 
   scripts/app.98db252c.full.js     4.41 KiB             1.35 KiB
   scripts/app.98db252c.js          1.18 KiB             0.59 KiB
-  styles/main.--HASH--.full.css    18.52 KiB            4.79 KiB
-  styles/main.--HASH--.css         5.20 KiB             1.86 KiB
+  styles/main.--HASH--.full.css    18.92 KiB            4.85 KiB
+  styles/main.--HASH--.css         5.25 KiB             1.88 KiB
 
   Images and other types of assets omitted.
 ",
diff --git a/__tests__/wp/__snapshots__/wp-config.js.snap b/__tests__/wp/__snapshots__/wp-config.js.snap
index d495df47..b81fc64e 100644
--- a/__tests__/wp/__snapshots__/wp-config.js.snap
+++ b/__tests__/wp/__snapshots__/wp-config.js.snap
@@ -6,7 +6,8 @@ Array [
     "",
   ],
   Array [
-    "ERROR 2003 (HY000): Can't connect to MySQL server on '127.0.0.1' (--ERROR-DETAILS-)",
+    "Error: Failed to get current SQL modes. Reason: ERROR 2003 (HY000): Can't connect to MySQL server on '127.0.0.1' (--ERROR-DETAILS-)
+",
   ],
   Array [
     "",
diff --git a/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html b/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html
index 43deff8e..87497c40 100644
--- a/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html
+++ b/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html
@@ -10,162 +10,7 @@
     >
     <!-- prettier-ignore -->
     <style>
-      html {
-        font-size: 1em;
-        line-height: 1.5;
-      }
-
-      @media (min-width:768px) {
-        html {
-          font-size: 1.25em
-        }
-      }
-
-      @media (min-width:1024px) {
-        html {
-          font-size: 1.5em
-        }
-      }
-
-      body {
-        background: #fff;
-        color: #2a1468;
-        font-family: Quicksand, sans-serif;
-        padding: 1em
-      }
-
-      a,
-      a:link {
-        color: #2a1468;
-        text-decoration: underline;
-      }
-
-      a:hover {
-        color: #ff6d54;
-      }
-
-      p {
-        margin: 0 0 1em
-      }
-
-      .c-wrapper {
-        margin: 0 auto;
-        max-width: 860px
-      }
-
-      .c-section {
-        margin-top: 0.5em;
-      }
-
-      .c-section__content {
-        font-size: 0.75em;
-      }
-
-      .c-section__text a {
-        font-weight: 500;
-      }
-
-      .c-section__intro {
-        font-size: 1em;
-        font-weight: 600;
-      }
-
-      .c-section:last-child {
-        margin-top: 2em;
-      }
-
-      .c-section__note {
-        margin-top: 1em
-      }
-
-      .c-section__note:not(:last-child) {
-        display: none
-      }
-
-      .c-page-title {
-        margin: 0;
-        font-size: 1.5em;
-      }
-
-      .c-page-subtitle {
-        margin: 1.5em 0 0;
-        font-size: 1em;
-      }
-
-      .c-page-subtitle,
-      .c-heading {
-        border-bottom: 3px solid #ff6d54;
-        display: inline-block;
-        font-weight: 600;
-      }
-
-      .c-intro {
-        font-size: 1em;
-        font-weight: 600;
-        margin: 0 1em 1.9em 0;
-        line-height: 1.5;
-      }
-
-      .c-heading {
-        margin: 0 0 .5em;
-        font-size: 1.35em;
-      }
-
-      .c-list {
-        list-style: none;
-        margin: 0;
-        padding: 0
-      }
-
-      .c-list li {
-        margin-bottom: .5em;
-        padding-left: 1em;
-        position: relative
-      }
-
-      .c-list li:before {
-        background: #ff6d54;
-        content: "";
-        display: block;
-        height: .5em;
-        left: 0;
-        position: absolute;
-        top: .5em;
-        width: .5em
-      }
-
-      .c-page {
-        text-decoration: none;
-        position: relative;
-        display: block;
-        border-bottom: 1px dashed #ccc;
-        padding-bottom: .5em
-      }
-
-      .c-page__link {
-        font-weight: 600;
-      }
-
-      .c-page__name {
-        color: #2a1468;
-        margin-left: .5em;
-        position: absolute;
-        top: 0;
-        right: 0
-      }
-
-      .c-page:hover .c-page__name {
-        color: #ff6d54
-      }
-
-      .c-section__code {
-        padding: 0.9rem 0.8rem;
-        overflow: auto;
-        display: block;
-        background: #2d2b57;
-        color: #e3dfff;
-        border-radius: 10px;
-      }
+      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:"";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
     </style>
     <script type="text/x-chisel-pages-template">
       <ul class="c-list">
diff --git a/scripts/testSetup.js b/scripts/testSetup.js
index 958ce91a..c4d8a77c 100644
--- a/scripts/testSetup.js
+++ b/scripts/testSetup.js
@@ -166,13 +166,14 @@ global.chiselTestHelpers = {
     });
 
     if (consoleMock.mock.calls[1] && consoleMock.mock.calls[1][0]) {
-      // in Ci in Node 12 there is difference in gzip compression
-      // ex. https://travis-ci.org/github/xfiveco/generator-chisel/jobs/712710842
-      if (parseInt(process.versions.node.split('.')[0], 10) >= '12') {
-        consoleMock.mock.calls[1][0] = consoleMock.mock.calls[1][0].replace(
-          '4.78 KiB',
-          '4.79 KiB',
-        );
+      // in Ci in Node 12 and 14 there is difference in gzip compression
+      // ex. https://travis-ci.com/github/jakub300/generator-chisel/builds/231019589
+      const nodeVersion = parseInt(process.versions.node.split('.')[0], 10);
+      const call = consoleMock.mock.calls[1][0];
+      if (nodeVersion === 10) {
+        consoleMock.mock.calls[1][0] = call.replace('4.86 KiB', '4.85 KiB');
+      } else if (nodeVersion === 12) {
+        consoleMock.mock.calls[1][0] = call.replace('1.87 KiB', '1.88 KiB');
       }
     }
   },
@@ -185,7 +186,8 @@ global.chiselTestHelpers = {
         .replace(/dbrand\d+/g, '--DB-RAND--')
         .split(process.cwd())
         .join('--PROJECT-PATH--')
-        .replace(/(?<=--PROJECT-PATH--)\\/g, '/'),
+        .replace(/(?<=--PROJECT-PATH--)\\/g, '/')
+        .replace(/Copyright &copy; 202\d /g, 'Copyright &copy; 2020 '),
     ).toMatchSnapshot();
   },