diff --git a/umap/static/umap/umap.css b/umap/static/umap/umap.css
index 8a898741c7811f5546d4b5a73f60336f90d1dd25..a6eef105e76332a620d441ceda575aa406945ed4 100644
--- a/umap/static/umap/umap.css
+++ b/umap/static/umap/umap.css
@@ -517,6 +517,31 @@ a {
 }
 
 
+/* **************************** */
+/*             404              */
+/* **************************** */
+.content404 {
+    width: 400px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 100px;
+    text-align: center;
+}
+.content404 a {
+    color: #3A4259;
+}
+.content404 h1 {
+    font-size: 10em;
+    margin-bottom: 0;
+    line-height: 0.5em;
+    margin-top: 40px;
+}
+.content404 h2 {
+    font-size: 4em;
+    margin-top: 0;
+}
+
+
 /* **************************** */
 /*         Autocomplete         */
 /* **************************** */
diff --git a/umap/templates/404.html b/umap/templates/404.html
index f5209ebe60360c0a8c479c5e700b9e81f793c30a..de61d244d7bf63d11b0b16ea2036702c4249ef75 100644
--- a/umap/templates/404.html
+++ b/umap/templates/404.html
@@ -1,5 +1,12 @@
 {% extends "base.html" %}
 
+{% load i18n static %}
+
 {% block content %}
-    Not Found
+    <div class="content404">
+        <a href="/" title="{% trans 'Take me to the home page' %}">
+            <h1>4<img src="{% static 'umap/img/logo.svg' %}">4</h1>
+            <h2>Not Found</h2>
+        </a>
+    </div>
 {% endblock %}
\ No newline at end of file