diff --git a/package.json b/package.json
index 24af8e3..72cb529 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "serve:dist": "node server.js --env=dist",
     "dist": "npm run copy & webpack --env=dist",
     "lint": "eslint ./src",
-    "copy": "copyfiles -f ./src/index.html ./dist",
+    "copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist",
     "clean": "rimraf dist/*"
   },
   "repository": {
diff --git a/src/components/Main.js b/src/components/Main.js
index 503d62d..61f2708 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -3,11 +3,14 @@ require('styles/App.css');
 
 import React from 'react/addons';
 
+let yeomanImage = require('../images/yeoman.png');
+
 class AppComponent extends React.Component {
   render() {
     return (
       <div className="index">
-        Content
+        <img src={yeomanImage} alt="Yeoman Generator" />
+        <div className="notice">Please edit <code>src/components/Main.js</code> to get started!</div>
       </div>
     );
   }
diff --git a/src/favicon.ico b/src/favicon.ico
new file mode 100644
index 0000000..6527905
Binary files /dev/null and b/src/favicon.ico differ
diff --git a/src/images/yeoman.png b/src/images/yeoman.png
new file mode 100644
index 0000000..92497ad
Binary files /dev/null and b/src/images/yeoman.png differ
diff --git a/src/styles/App.css b/src/styles/App.css
index 13881d2..0a0ccc4 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -1 +1,21 @@
 /* Base Application Styles */
+body {
+  color: #fff;
+  background: #222;
+}
+
+.index img {
+  margin: 40px auto;
+  border-radius: 4px;
+  background: #fff;
+  display: block;
+}
+
+.index .notice {
+  margin: 20px auto;
+  padding: 15px 0;
+  text-align: center;
+  border: 1px solid #000;
+  border-width: 1px 0;
+  background: #666;
+}