diff --git a/homeassistant/components/frontend/index.html.template b/homeassistant/components/frontend/index.html.template
index f84c8653b31..556fe4e67c8 100644
--- a/homeassistant/components/frontend/index.html.template
+++ b/homeassistant/components/frontend/index.html.template
@@ -5,24 +5,46 @@
     <title>Home Assistant</title>
 
     <link rel='manifest' href='/static/manifest.json' />
-
-    <meta name='apple-mobile-web-app-capable' content='yes'>
-    <meta name='mobile-web-app-capable' content='yes'>
-
-    <meta name='viewport' content='width=device-width,
-          user-scalable=no' />
-
     <link rel='shortcut icon' href='/static/favicon.ico' />
     <link rel='icon' type='image/png'
          href='/static/favicon-192x192.png' sizes='192x192'>
     <link rel='apple-touch-icon' sizes='180x180'
          href='/static/favicon-apple-180x180.png'>
+    <meta name='apple-mobile-web-app-capable' content='yes'>
+    <meta name='mobile-web-app-capable' content='yes'>
+    <meta name='viewport' content='width=device-width,
+          user-scalable=no' />
     <meta name='theme-color' content='#03a9f4'>
-   </head>
-   <body fullbleed>
-        <h3 id='init' align='center'>Initializing Home Assistant</h3>
-        <script src='/static/webcomponents-lite.min.js'></script>
-        <link rel='import' href='/static/{{ app_url }}' />
-        <home-assistant auth='{{ auth }}'></home-assistant>
+    <style>
+      #init {
+        display: -webkit-flex;
+        display: flex;
+        -webkit-flex-direction: column;
+        -webkit-justify-content: center;
+        -webkit-align-items: center;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        font-family: 'Roboto', 'Noto', sans-serif;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+      }
+      #init p {
+        margin-bottom: 101px;
+      }
+    </style>
+  </head>
+  <body fullbleed>
+    <div id='init'>
+      <img src='/static/splash.png' height='230' />
+      <p>Initializing</p>
+    </div>
+    <script src='/static/webcomponents-lite.min.js'></script>
+    <link rel='import' href='/static/{{ app_url }}' />
+    <home-assistant auth='{{ auth }}'></home-assistant>
   </body>
 </html>
diff --git a/homeassistant/components/frontend/www_static/splash.png b/homeassistant/components/frontend/www_static/splash.png
new file mode 100644
index 00000000000..3d5411ecb4b
Binary files /dev/null and b/homeassistant/components/frontend/www_static/splash.png differ
