diff --git a/app/components/page.js b/app/components/page.js
index b789af6..220dd33 100644
--- a/app/components/page.js
+++ b/app/components/page.js
@@ -6,6 +6,11 @@ const Page = ({ title, children }) =>
       <title>
         {title}
       </title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="theme-color" content="#22a699" />
+      <link rel="manifest" href="/static/manifest.json" />
+      <link rel="icon" sizes="192x192" href="/static/apollo-icon.png" />
+      <link rel="apple-touch-icon" href="/static/apollo-launcher-icon.png" />
       <style>{`
         html {
           font-family: sans-serif;
diff --git a/app/static/apollo-icon.png b/app/static/apollo-icon.png
new file mode 100644
index 0000000..b75600d
Binary files /dev/null and b/app/static/apollo-icon.png differ
diff --git a/app/static/apollo-launcher-icon.png b/app/static/apollo-launcher-icon.png
new file mode 100644
index 0000000..b6674da
Binary files /dev/null and b/app/static/apollo-launcher-icon.png differ
diff --git a/app/static/manifest.json b/app/static/manifest.json
new file mode 100644
index 0000000..bd3f027
--- /dev/null
+++ b/app/static/manifest.json
@@ -0,0 +1,15 @@
+{
+  "name": "Apollo upload examples",
+  "short_name": "Uploads",
+  "start_url": "/",
+  "display": "standalone",
+  "theme_color": "#22a699",
+  "background_color": "#22a699",
+  "icons": [
+    {
+      "src": "apollo-launcher-icon.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ]
+}