diff --git a/404.md b/404.md
new file mode 100644
index 0000000000..5bae9ef3f0
--- /dev/null
+++ b/404.md
@@ -0,0 +1,12 @@
+---
+layout: 404
+title: Page not found
+description: We couldn’t find the page you’re looking for.
+lang: en
+---
+
+# {{ page.title }}
+
+We couldn’t find the page you’re looking for. Check the address or [head back home](/).
+
+If this is a mistake, [let us know](https://github.com/expressjs/expressjs.com/issues/new/), and we will try to fix it!
\ No newline at end of file
diff --git a/_layouts/404.html b/_layouts/404.html
new file mode 100644
index 0000000000..338facdd1f
--- /dev/null
+++ b/_layouts/404.html
@@ -0,0 +1,18 @@
+
+
+
+ {% include head.html %}
+
+ {% if page.lang == 'en' %}
+
+ {% else %}
+
+ {% endif %}
+ {% include header/header-{{ page.lang }}.html %}
+
+
+ {{ content }}
+
+ {% include footer/footer-{{ page.lang }}.html %}
+
+
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 65a451b5e1..664d7c0eb9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -878,6 +878,19 @@ h2 a {
border-color: #333;
}
+.content-404 {
+ height: 70vh;
+ padding: 153px 32px 7%;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+
+.content-404 p {
+ font-size: 16px;
+}
+
/* search-bar desktop re-sizing */
@media all and (min-width: 950px) {
.algolia-autocomplete {