diff --git a/package.json b/package.json
index 9935f65..9119587 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,8 @@
     "electron": "^1.6.11"
   },
   "dependencies": {
-    "electron-debug": "^1.2.0"
+    "electron-debug": "^1.2.0",
+    "electron-settings": "^3.1.1",
+    "photonkit": "^0.1.2"
   }
 }
diff --git a/preferences.html b/preferences.html
new file mode 100644
index 0000000..ad13755
--- /dev/null
+++ b/preferences.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Photon</title>
+
+    <!-- Stylesheets -->
+    <link rel="stylesheet" href="photon.css">
+
+    <!-- Electron Javascript -->
+    <script src="app.js" charset="utf-8"></script>
+  </head>
+
+  <body>
+    <!-- Wrap your entire app inside .window -->
+    <div class="window">
+      <!-- .toolbar-header sits at the top of your app -->
+      <header class="toolbar toolbar-header">
+        <h1 class="title">Photon</h1>
+      </header>
+
+      <!-- Your app's content goes inside .window-content -->
+      <div class="window-content">
+        <div class="padded-more">
+          <h1>Welcome to Photon</h1>
+          <p>
+            Thanks for downloading Photon. This is an example HTML page that's linked up to compiled Photon CSS, has the proper meta tags
+            and the HTML structure.
+          </p>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
