diff --git a/design/README.rst b/design/README.rst
new file mode 100644
index 0000000000000000000000000000000000000000..ba68a0e6c1a13bd9acbfcd26fc2780331eb8f44e
--- /dev/null
+++ b/design/README.rst
@@ -0,0 +1 @@
+These files are only the original designs.
\ No newline at end of file
diff --git a/design/home.css b/design/home.css
new file mode 100644
index 0000000000000000000000000000000000000000..ed43a4f81ebd67c8a31dd4e1379e51f5a2e6dd4b
--- /dev/null
+++ b/design/home.css
@@ -0,0 +1,48 @@
+html, body {
+ height: 100%;
+ margin: 0;
+}
+
+.wrapper {
+ width: 100%;
+ height: 100%;
+ min-height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+
+.nav {
+ align-self: flex-start;
+}
+
+.central {
+ align-self: center;
+
+ /* Parent properties for central-content */
+ display: flex;
+ flex: 1;
+ justify-content: center;
+}
+
+.central-content {
+ align-self: center;
+}
+
+.footer {
+ align-self: flex-end;
+}
+
+.nav, .central, .footer {
+ width: 100%;
+}
+
+/* Styles for navbar content */
+
+.nav ul {
+ list-style: none;
+ float:right;
+}
+
+.nav ul li {
+ display: inline-block;
+}
\ No newline at end of file
diff --git a/design/home.haml b/design/home.haml
new file mode 100644
index 0000000000000000000000000000000000000000..5b7ad9a60192e66905e921834f44e4889f67a7bd
--- /dev/null
+++ b/design/home.haml
@@ -0,0 +1,24 @@
+!!! html
+
+%html
+ %head
+ %title SWIFT | Welcome
+ %link{:rel => :stylesheet, :type => :"text/css", :href => "home.css"}
+
+ %body
+ .wrapper
+ .nav
+ %ul
+ %li
+ %a{:href => "about.html"} About
+ %li
+ %a{:href => "pubs.html"} Publications
+ %li
+ %a{:href => "talks.html"} Talks
+
+ .central
+ .central-content
+ %h1 Hello World
+
+ .footer
+ Footer Information
diff --git a/design/home.html b/design/home.html
new file mode 100644
index 0000000000000000000000000000000000000000..13dac4a61e4e5ad57d8babe678ea435a0925bd67
--- /dev/null
+++ b/design/home.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>SWIFT | Welcome</title>
+<link href='home.css' rel='stylesheet' type='text/css'>
+</head>
+<body>
+<div class='wrapper'>
+<div class='nav'>
+<ul>
+<li>
+<a href='about.html'>About</a>
+</li>
+<li>
+<a href='pubs.html'>Publications</a>
+</li>
+<li>
+<a href='talks.html'>Talks</a>
+</li>
+</ul>
+</div>
+<div class='central'>
+<div class='central-content'>
+<h1>Hello World</h1>
+</div>
+</div>
+<div class='footer'>
+Footer Information
+</div>
+</div>
+</body>
+</html>