diff --git a/config/config.example.js b/config/config.example.js
index 1fae5ae9c..0936576c0 100644
--- a/config/config.example.js
+++ b/config/config.example.js
@@ -132,7 +132,8 @@ module.exports = {
         'contact',
         'what-is-cryptpad',
         'features',
-        'faq'
+        'faq',
+        'maintenance'
     ],
 
     /* =====================
diff --git a/customize.dist/maintenance.html b/customize.dist/maintenance.html
new file mode 100644
index 000000000..6815de38b
--- /dev/null
+++ b/customize.dist/maintenance.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title data-localization="main_title">CryptPad: Zero Knowledge, Collaborative Real Time Editing</title>
+    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
+    <style>
+        html {
+            height: 100%;
+        }
+        body {
+            transition: opacity 0.75s, visibility 0s 0.75s;
+            visibility: visible;
+            position: fixed;
+            z-index: 10000000;
+            top: 0px;
+            bottom: 0px;
+            left: 0px;
+            right: 0px;
+            background: linear-gradient(to right, #326599 0%, #326599 50%, #4591c4 50%, #4591c4 100%);
+            color: #fafafa;
+            font-size: 1.5em;
+            opacity: 1;
+            display: flex;
+            flex-flow: column;
+            justify-content: center;
+            align-items: center;
+            font-family: monospace;
+        }
+        #cp-logo {
+            max-width: 300px;
+        }
+    </style>
+</head>
+<body class="html">
+<img id="cp-logo" src="/customize/loading-logo.png">
+<h1>Maintenance</h1>
+<h3>We are currently upgrading CryptPad. We will be back shortly!</h3>
+
