diff --git a/README.md b/README.md
index 443de63ff5..e44d17ae24 100644
--- a/README.md
+++ b/README.md
@@ -94,3 +94,5 @@ The govuk-design-system repository is public and we welcome contributions from a
 Contributors to alphagov repositories are expected to follow the [Contributor Covenant Code of Conduct](https://github.com/alphagov/.github/blob/main/CODE_OF_CONDUCT.md#contributor-covenant-code-of-conduct). Contributors working within government are also expected to follow the [Civil Service code](https://www.gov.uk/government/publications/civil-service-code/the-civil-service-code).
 
 We're unable to monitor activity on this repository outside of our office hours (10am to 4pm, UK time). To get a faster response at other times, you can [report abuse or spam to GitHub](https://docs.github.com/en/communities/maintaining-your-safety-on-github/reporting-abuse-or-spam).
+
+This site is built using https://metalsmith.io/
diff --git a/assets/404.html b/assets/404.html
new file mode 100644
index 0000000000..c1e162c7b0
--- /dev/null
+++ b/assets/404.html
@@ -0,0 +1,482 @@
+<!DOCTYPE html>
+<html lang="en" class="govuk-template no-js">
+  <head>
+    <meta charset="utf-8">
+    <title>Page not found – HM Land Registry Design System</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <meta name="theme-color" content="#0b0c0c"> 
+    
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="/assets/images/favicon.ico" type="image/x-icon">
+  <link rel="mask-icon" href="/assets/images/mask-icon.svg" color="#0b0c0c"> 
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon-180x180.png">
+  <link rel="apple-touch-icon" sizes="167x167" href="/assets/images/apple-touch-icon-167x167.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png">
+
+    <meta name="robots" content="noindex, nofollow">
+  <meta name="og:title" content="Page not found">
+  <meta name="description" content="">
+  <meta name="og:description" content="">
+  <link rel="canonical" href="https://hmlr-design-system.herokuapp.com/errors/404/" />
+  <!--[if lt IE 9]>
+    <link href="/stylesheets/main-ie8-5966f5bb7bafe4acbe7d56fa97c760f0.css" rel="stylesheet" media="all" />
+    <script src="/javascripts/head-ie8-4884b5db2f1f2e9447d4782d95019fda.js"></script>
+  <![endif]-->
+  <!--[if !IE 8]><!-->
+    <link href="/stylesheets/main-8e2412495516697385308adc99f88a89.css" rel="stylesheet" media="all" />
+  <!--<![endif]-->
+  <meta property="og:image" content="https://hmlr-design-system.herokuapp.com/assets/images/hmlr-opengraph-image.png">
+  <script src="/javascripts/vendor/modernizr-3b0937c2046c614749cd3b3c7defc573.js"></script>
+
+    
+    <meta property="og:image" content="https://hmlr-design-system.herokuapp.com/assets/images/govuk-opengraph-image.png">
+  </head>
+  <body class="govuk-template__body ">
+    <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
+  <a id="top"></a>
+  <!--[if gte IE 9]><!-->
+  
+  <!--<![endif]-->
+
+      <a href="#main-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
+
+
+
+<header class="govuk-header app-header hmlr-design-system-header" role="banner" data-module="govuk-header">
+  <div class="govuk-header__container app-width-container app-header__container">
+    <div class="govuk-header__logo app-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <span class="govuk-header__logotype">
+          <span class="govuk-header__logotype-text">
+            HM Land Registry
+          </span>
+        </span>
+        <span class="govuk-header__product-name">
+          Design System
+        </span>
+      </a>
+    </div>
+    <div class="app-site-search" data-module="app-search" data-search-index="/search-index-c5aaa93871b17c1dc24fd32f2bfbd250.json">
+      <label class="govuk-visually-hidden" for="app-site-search__input">Search Design system</label>
+      <a class="app-site-search__link govuk-link" href="/sitemap/">Sitemap</a>
+    </div>
+    <button hidden class="govuk-header__menu-button app-navigation__menu-button js-app-navigation__toggler" aria-controls="app-navigation">
+      Menu
+    </button>
+  </div>
+</header>
+<nav id="app-navigation" class="app-navigation js-app-navigation govuk-clearfix" role="navigation" aria-labelledby="app-navigation-heading">
+  <h2 class="govuk-visually-hidden" id="app-navigation-heading">Menu</h2>
+  <ul class="app-navigation__list app-width-container">
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/get-started/">
+          Get started
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Get started
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Get started"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/">
+                Get started overview
+              </a>
+            </li>
+              <li>
+                  <h3 class="app-navigation__theme">Setup guides</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/prototyping/">
+                        Prototyping
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/production/">
+                        Production
+                      </a>
+                    </li>
+                </ul>
+              </li>
+              <li>
+                  <h3 class="app-navigation__theme">Design resources</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/software-downloads/">
+                        Software downloads
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/set-up-coded-prototyping-environment/">
+                        Set up coded prototyping environment
+                      </a>
+                    </li>
+                </ul>
+              </li>
+              <li>
+                  <h3 class="app-navigation__theme">Other resources</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/get-started/previous-design-system/">
+                        Previous design system
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/styles/">
+          Styles
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Styles
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Styles"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/styles/">
+                Styles overview
+              </a>
+            </li>
+              <li>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/styles/typography/">
+                        Typography
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/components/">
+          Components
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Components
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Components"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/components/">
+                Components overview
+              </a>
+            </li>
+              <li>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/components/footer/">
+                        Footer
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/components/header/">
+                        Header
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/patterns/">
+          Patterns
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Patterns
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Patterns"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/patterns/">
+                Patterns overview
+              </a>
+            </li>
+              <li>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/patterns/search-by-title-number/">
+                        Search by title number
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/content/">
+          Content
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Content
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Content"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/content/">
+                Content overview
+              </a>
+            </li>
+              <li>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/content/a-z-content/">
+                        HMLR content style guide
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/content/checking-content/">
+                        Checking content
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/content/writing/">
+                        Writing
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/accessibility/">
+          Accessibility
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Accessibility
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Accessibility"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/">
+                Accessibility overview
+              </a>
+            </li>
+              <li>
+                  <h3 class="app-navigation__theme">Information</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/legal-requirements/">
+                        Legal requirements
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/assisted-digital/">
+                        Assisted digital support
+                      </a>
+                    </li>
+                </ul>
+              </li>
+              <li>
+                  <h3 class="app-navigation__theme">Resources</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/accessibility-checklist/">
+                        Accessibility checklist
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/assistive-technologies/">
+                        Assistive technologies
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/hmlr-accessibility-statement/">
+                        HM Land Registry accessibility statement
+                      </a>
+                    </li>
+                </ul>
+              </li>
+              <li>
+                  <h3 class="app-navigation__theme">Content</h3>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/accessible-content/">
+                        Accessible content
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/colours-and-fonts/">
+                        Colours and fonts
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/images/">
+                        Images
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/links/">
+                        Links
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/pdfs/">
+                        PDFs
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/readability/">
+                        Readability
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/tables/">
+                        Tables
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/accessibility/videos-and-recordings/">
+                        Videos and recordings
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+      <li class="app-navigation__list-item ">
+        <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline app-navigation__link js-app-navigation__link" href="/community/">
+          Community
+        </a>
+
+          <button hidden class="app-navigation__button js-app-navigation__button">
+            Community
+          </button>
+
+          <ul class="app-navigation__subnav js-app-navigation__subnav "
+            aria-label="Community"
+            hidden
+          >
+            <li class="app-navigation__subnav-item">
+              <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/community/">
+                Community overview
+              </a>
+            </li>
+              <li>
+                <ul class="app-navigation__list">
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/community/resources-and-tools/">
+                        Resources and tools
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/community/backlog/">
+                        Backlog
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/community/contribution-criteria/">
+                        Contribution criteria
+                      </a>
+                    </li>
+                    <li class="app-navigation__subnav-item">
+                      <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="/community/design-system-working-group/">
+                        Design System working group
+                      </a>
+                    </li>
+                </ul>
+              </li>
+          </ul>
+      </li>
+  </ul>
+</nav>
+
+  <main id="main-content" class="govuk-main-wrapper govuk-main-wrapper--l" role="main">
+    <div class="app-width-container">
+      
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-two-thirds">
+    <h1 class="govuk-heading-l">Page not found</h1>
+
+    <p class="govuk-body">If you typed the web address, check it is correct.</p>
+    <p class="govuk-body">If you pasted the web address, check you copied the entire address.</p>
+    <p class="govuk-body">If you’re looking for the ‘page not found’ pattern see <a class="govuk-link" href="https://design-system.service.gov.uk/patterns/page-not-found-pages/">page not found pages</a>.</p>
+
+    <p class="govuk-body">
+      <a class="govuk-link" href="/get-in-touch/">Contact the Design System team</a> if you believe you are seeing this message in error.
+    </p>
+  </div>
+</div>
+
+    </div>
+  </main>
+
+
+<footer class="govuk-footer govuk-footer--hmlr app-footer" role="contentinfo">
+  <div class="govuk-width-container app-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+          <h2 class="govuk-visually-hidden">Support links</h2>
+            <ul class="govuk-footer__inline-list">
+                <li class="govuk-footer__inline-list-item">
+                  <a class="govuk-footer__link" href="/accessibility-statement/">
+                    Accessibility statement
+                  </a>
+                </li>
+                <li class="govuk-footer__inline-list-item">
+                  <a class="govuk-footer__link" href="/sitemap/">
+                    Sitemap
+                  </a>
+                </li>
+                <li class="govuk-footer__inline-list-item">
+                  <a class="govuk-footer__link" href="/cookies/">
+                    Cookies
+                  </a>
+                </li>
+                <li class="govuk-footer__inline-list-item">
+                  <a class="govuk-footer__link" href="/privacy-policy/">
+                    Privacy
+                  </a>
+                </li>
+            </ul>
+            <div class="govuk-footer__meta-custom">
+              Built by the <a href="/design-system-team/" class="govuk-footer__link">HM Land Registry Design System team</a>
+            </div>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <span
+          class="govuk-footer__link govuk-footer__copyright-logo govuk-footer__copyright-logo--hmlr"
+        ></span>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="/javascripts/govuk-frontend-9f0bc6fff78fc1394d809472872b73c0.js"></script>
+  <!--[if !IE 8]><!-->
+    <script src="/javascripts/application-a52086358a86c4cfca71764fd2a02eed.js"></script>
+  <!--<![endif]-->
+  <!--[if lt IE 9]>
+    <script src="/javascripts/vendor/ie8-539fd3b4bab112bf904c5bb4f332a8d3.polyfils.min.js"></script>
+    <script src="/javascripts/application-ie8-eb784ac846b9999531943b8623ca3f43.js"></script>
+  <![endif]-->
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
index 99bf1fb641..473878fa3e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "highlight.js": "^11.7.0",
         "html5shiv": "^3.7.3",
         "lunr": "^2.3.9",
+        "metalsmith-assets": "^0.1.0",
         "modernizr": "^3.12.0",
         "sass-export": "^2.1.2",
         "serve-static": "^1.15.0",
@@ -3530,9 +3531,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001435",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001435.tgz",
-      "integrity": "sha512-kdCkUTjR+v4YAJelyiDTqiu82BDr4W4CP5sgTA0ZBmqn30XfS2ZghPLMowik9TPhS+psWJiUNxsqLyurDbmutA==",
+      "version": "1.0.30001559",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001559.tgz",
+      "integrity": "sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA==",
       "funding": [
         {
           "type": "opencollective",
@@ -3541,6 +3542,10 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ]
     },
@@ -11557,6 +11562,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/merge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/merge/-/merge-1.2.1.tgz",
+      "integrity": "sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ=="
+    },
     "node_modules/merge-deep": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/merge-deep/-/merge-deep-3.0.3.tgz",
@@ -11610,6 +11620,31 @@
         "node": ">=12"
       }
     },
+    "node_modules/metalsmith-assets": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/metalsmith-assets/-/metalsmith-assets-0.1.0.tgz",
+      "integrity": "sha512-8IthU+5ZWmE2e520oARuHXl3p7A2+1qpo8xrYKZy8tTzX8a1PVzQjOv8O9AzyWoXbHsCuAlWMGvKmHbcr+QnYw==",
+      "dependencies": {
+        "async": "^0.7.0",
+        "debug": "^0.8.1",
+        "merge": "^1.1.3",
+        "recursive-readdir": "^1.0.0",
+        "stat-mode": "^0.2.0"
+      }
+    },
+    "node_modules/metalsmith-assets/node_modules/async": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/async/-/async-0.7.0.tgz",
+      "integrity": "sha512-9GReTNJtSSP+tNXZhlXuzPrRVlhH7Abwgf9qsV4NVLiChZpzFKvWGIwAss+uOUlsLjEnQbbVX1ERDTpjM5EmQg=="
+    },
+    "node_modules/metalsmith-assets/node_modules/debug": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-0.8.1.tgz",
+      "integrity": "sha512-HlXEJm99YsRjLJ8xmuz0Lq8YUwrv7hAJkTEr6/Em3sUlSUNl0UdFA+1SrY4fnykeq1FVkUEUtwRGHs9VvlYbGA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/metalsmith-broken-link-checker": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/metalsmith-broken-link-checker/-/metalsmith-broken-link-checker-1.0.2.tgz",
@@ -13062,6 +13097,35 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/recursive-readdir": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-1.3.0.tgz",
+      "integrity": "sha512-xPLahSmi5cp0id46BHffsrWDpU1z0zt2Hl1B8Qn/GQhOv9UGE2u/qQQHwdg+H/Nk3Emx5JYN4fKbmc3XvQA2Lw==",
+      "dependencies": {
+        "minimatch": "0.3.0"
+      },
+      "engines": {
+        "node": ">=0.6.6"
+      }
+    },
+    "node_modules/recursive-readdir/node_modules/lru-cache": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz",
+      "integrity": "sha512-WpibWJ60c3AgAz8a2iYErDrcT2C7OmKnsWhIcHOjkUHFjkXncJhtLxNSqUmxRxRunpb5I8Vprd7aNSd2NtksJQ=="
+    },
+    "node_modules/recursive-readdir/node_modules/minimatch": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.3.0.tgz",
+      "integrity": "sha512-WFX1jI1AaxNTZVOHLBVazwTWKaQjoykSzCBNXB72vDTCzopQGtyP91tKdFK5cv1+qMwPyiTu1HqUriqplI8pcA==",
+      "deprecated": "Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue",
+      "dependencies": {
+        "lru-cache": "2",
+        "sigmund": "~1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/redent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
@@ -13754,7 +13818,6 @@
     },
     "node_modules/sigmund": {
       "version": "1.0.1",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/signal-exit": {
@@ -14080,6 +14143,11 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/stat-mode": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-0.2.2.tgz",
+      "integrity": "sha512-o+7DC0OM5Jt3+gratXXqfXf62V/CBoqQbT7Kp7jCxTYW2PLOB2/ZSGIfm9T5/QZe1Vw1MCbu6DoB6JnhVtxcJw=="
+    },
     "node_modules/statuses": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
@@ -18266,9 +18334,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001435",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001435.tgz",
-      "integrity": "sha512-kdCkUTjR+v4YAJelyiDTqiu82BDr4W4CP5sgTA0ZBmqn30XfS2ZghPLMowik9TPhS+psWJiUNxsqLyurDbmutA=="
+      "version": "1.0.30001559",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001559.tgz",
+      "integrity": "sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA=="
     },
     "chalk": {
       "version": "1.1.3",
@@ -24222,6 +24290,11 @@
         }
       }
     },
+    "merge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/merge/-/merge-1.2.1.tgz",
+      "integrity": "sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ=="
+    },
     "merge-deep": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/merge-deep/-/merge-deep-3.0.3.tgz",
@@ -24286,6 +24359,30 @@
         }
       }
     },
+    "metalsmith-assets": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/metalsmith-assets/-/metalsmith-assets-0.1.0.tgz",
+      "integrity": "sha512-8IthU+5ZWmE2e520oARuHXl3p7A2+1qpo8xrYKZy8tTzX8a1PVzQjOv8O9AzyWoXbHsCuAlWMGvKmHbcr+QnYw==",
+      "requires": {
+        "async": "^0.7.0",
+        "debug": "^0.8.1",
+        "merge": "^1.1.3",
+        "recursive-readdir": "^1.0.0",
+        "stat-mode": "^0.2.0"
+      },
+      "dependencies": {
+        "async": {
+          "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/async/-/async-0.7.0.tgz",
+          "integrity": "sha512-9GReTNJtSSP+tNXZhlXuzPrRVlhH7Abwgf9qsV4NVLiChZpzFKvWGIwAss+uOUlsLjEnQbbVX1ERDTpjM5EmQg=="
+        },
+        "debug": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-0.8.1.tgz",
+          "integrity": "sha512-HlXEJm99YsRjLJ8xmuz0Lq8YUwrv7hAJkTEr6/Em3sUlSUNl0UdFA+1SrY4fnykeq1FVkUEUtwRGHs9VvlYbGA=="
+        }
+      }
+    },
     "metalsmith-broken-link-checker": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/metalsmith-broken-link-checker/-/metalsmith-broken-link-checker-1.0.2.tgz",
@@ -25321,6 +25418,30 @@
         }
       }
     },
+    "recursive-readdir": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-1.3.0.tgz",
+      "integrity": "sha512-xPLahSmi5cp0id46BHffsrWDpU1z0zt2Hl1B8Qn/GQhOv9UGE2u/qQQHwdg+H/Nk3Emx5JYN4fKbmc3XvQA2Lw==",
+      "requires": {
+        "minimatch": "0.3.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "2.7.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz",
+          "integrity": "sha512-WpibWJ60c3AgAz8a2iYErDrcT2C7OmKnsWhIcHOjkUHFjkXncJhtLxNSqUmxRxRunpb5I8Vprd7aNSd2NtksJQ=="
+        },
+        "minimatch": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.3.0.tgz",
+          "integrity": "sha512-WFX1jI1AaxNTZVOHLBVazwTWKaQjoykSzCBNXB72vDTCzopQGtyP91tKdFK5cv1+qMwPyiTu1HqUriqplI8pcA==",
+          "requires": {
+            "lru-cache": "2",
+            "sigmund": "~1.0.0"
+          }
+        }
+      }
+    },
     "redent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
@@ -25834,8 +25955,7 @@
       }
     },
     "sigmund": {
-      "version": "1.0.1",
-      "dev": true
+      "version": "1.0.1"
     },
     "signal-exit": {
       "version": "3.0.7",
@@ -26066,6 +26186,11 @@
         "xdg-basedir": "^4.0.0"
       }
     },
+    "stat-mode": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-0.2.2.tgz",
+      "integrity": "sha512-o+7DC0OM5Jt3+gratXXqfXf62V/CBoqQbT7Kp7jCxTYW2PLOB2/ZSGIfm9T5/QZe1Vw1MCbu6DoB6JnhVtxcJw=="
+    },
     "statuses": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
diff --git a/package.json b/package.json
index fbd78604fb..f980af1719 100644
--- a/package.json
+++ b/package.json
@@ -23,18 +23,19 @@
   },
   "dependencies": {
     "@hmlr/frontend": "1.3.0",
-    "acorn": "^6.4.1",
-    "eslint": "^5.16.0",
     "@metalsmith/markdown": "^1.9.0",
     "@metalsmith/postcss": "^5.2.0",
+    "acorn": "^6.4.1",
     "autoprefixer": "^10.4.13",
     "clipboard": "^2.0.11",
     "connect": "^3.7.0",
+    "eslint": "^5.16.0",
     "govuk-frontend": "^4.5.0",
     "gray-matter": "^4.0.2",
     "highlight.js": "^11.7.0",
     "html5shiv": "^3.7.3",
     "lunr": "^2.3.9",
+    "metalsmith-assets": "^0.1.0",
     "modernizr": "^3.12.0",
     "sass-export": "^2.1.2",
     "serve-static": "^1.15.0",
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index 487f2e2def..dd1679fa90 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -1,7 +1,8 @@
-$govuk-new-link-styles: true;
+$govuk-suppressed-warnings: "ie8";
 
+$govuk-new-link-styles: true;
 $govuk-brand-colour: #789904;
-$govuk-font-family: arial, sans-serif;
+$govuk-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", arial, sans-serif;
 
 @import "govuk-frontend/govuk/all";
 @import "@hmlr/frontend/hmlr/all";
diff --git a/tasks/build.js b/tasks/build.js
index 101c6a8611..64f7726cee 100644
--- a/tasks/build.js
+++ b/tasks/build.js
@@ -1,5 +1,13 @@
 const metalsmith = require('../lib/metalsmith') // configured static site generator
 
+const assets = require('metalsmith-assets')
+
+// use metalsmith-assets to place 404 page in the root in order to work with http-server magic
+metalsmith.use(assets({
+  source: './assets', // relative to the working directory
+  destination: './' // relative to the build directory
+}))
+
 // build to destination directory
 metalsmith.build(function (err, files) {
   if (err) { throw err }
