diff --git a/datacenterlight/static/datacenterlight/css/downtime-page.css b/datacenterlight/static/datacenterlight/css/downtime-page.css
new file mode 100644
index 00000000..9bbfa5bc
--- /dev/null
+++ b/datacenterlight/static/datacenterlight/css/downtime-page.css
@@ -0,0 +1,52 @@
+body {
+    font-family: Lato, sans-serif;
+    font-weight: 300;
+    font-size: 20px;
+    line-height: 1;
+}
+
+h1 {
+    font-weight: 300;
+    font-size: 52px;
+    text-align: center;
+}
+
+nav {
+    padding: 15px;
+}
+
+.downtime-container {
+    max-width: 1200px;
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.downtime-msg {
+    text-align: center;
+    font-size: 30px;
+}
+
+.downtime-contact {
+    max-width: 300px;
+    margin: auto;
+    color: #4a90e2;
+}
+
+h2 {
+    font-weight: 300;
+    font-size: 24px;
+    text-align: center;
+}
+p {
+    margin: 15px auto
+}
+.xl_p {
+    margin: 15px auto;
+}
+
+a {
+    color: #4a90e2;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/datacenterlight/templates/datacenterlight/downtime.html b/datacenterlight/templates/datacenterlight/downtime.html
new file mode 100644
index 00000000..dd5954ca
--- /dev/null
+++ b/datacenterlight/templates/datacenterlight/downtime.html
@@ -0,0 +1,63 @@
+{% load staticfiles bootstrap3%}
+{% load i18n %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>ungleich</title>
+
+    <link href="{% static 'datacenterlight/css/downtime-page.css' %}" rel="stylesheet">
+
+    <!-- Custom Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet" type="text/css">
+    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
+
+
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+
+    <!-- Google analytics -->
+    {% include "google_analytics.html" %}
+    <!-- End Google Analytics -->
+</head>
+
+<body>
+
+    <div class="downtime-container">
+        <nav class="navbar navbar-default  topnav navbar-transparent" role="navigation">
+            <div class="container topnav">
+                <!-- Brand and toggle get grouped for better mobile display -->
+                <div class="navbar-header">
+                    <a id="logoWhite" class="navbar-brand topnav" href="{% if site_url %}{{site_url}}{% else %}{{ request.session.hosting_url}}{% endif %}"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
+                </div>
+            </div>
+            <!-- /.container -->
+        </nav>
+
+        <h1>{% trans "You caught us while working!" %}</h1>
+        <div class="downtime-msg">
+            <p class="xl_p">{% trans "We're doing scheduled maintainence from" %}</p>
+            <p class="xl_p">17:00 21.08.2017 {% trans "to" %} 23:00 21.08.2017 CEST.</p>
+        </div>
+        <h2>{% trans "If you need immediate assistance, please contact us at" %}</h2>
+        <div class="downtime-contact">
+            <p><a href="mailto:support@datacenterlight.ch">support@datacenterlight.ch</a></p>
+            <p>+41 044 534 66 22</p>
+            <p><a target="_blank" href="https://twitter.com/datacenterlight">https://twitter.com/datacenterlight</a></p>
+            <p><a target="_blank" href="https://twitter.com/ungleich">https://twitter.com/ungleich</a></p>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/datacenterlight/urls.py b/datacenterlight/urls.py
index a3aed7a6..a0942695 100644
--- a/datacenterlight/urls.py
+++ b/datacenterlight/urls.py
@@ -1,17 +1,22 @@
 from django.conf.urls import url
+from django.views.generic import TemplateView
 
 from .views import IndexView, BetaProgramView, LandingProgramView, BetaAccessView, PricingView, SuccessView, \
-                   PaymentOrderView, OrderConfirmationView, WhyDataCenterLightView
+    PaymentOrderView, OrderConfirmationView, WhyDataCenterLightView
 
 
 urlpatterns = [
     url(r'^$', IndexView.as_view(), name='index'),
-    url(r'^whydatacenterlight/?$', WhyDataCenterLightView.as_view(), name='whydatacenterlight'),
+    url(r'^whydatacenterlight/?$', WhyDataCenterLightView.as_view(),
+        name='whydatacenterlight'),
     url(r'^beta-program/?$', BetaProgramView.as_view(), name='beta'),
     url(r'^landing/?$', LandingProgramView.as_view(), name='landing'),
     url(r'^pricing/?$', PricingView.as_view(), name='pricing'),
     url(r'^payment/?$', PaymentOrderView.as_view(), name='payment'),
-    url(r'^order-confirmation/?$', OrderConfirmationView.as_view(), name='order_confirmation'),
+    url(r'^order-confirmation/?$', OrderConfirmationView.as_view(),
+        name='order_confirmation'),
     url(r'^order-success/?$', SuccessView.as_view(), name='order_success'),
     url(r'^beta_access?$', BetaAccessView.as_view(), name='beta_access'),
+
+    url(r'test/?$', TemplateView.as_view(template_name='datacenterlight/downtime.html')),
 ]
