diff --git a/static/css/signin.css b/static/css/signin.css
new file mode 100644
index 000000000..a6bf9b159
--- /dev/null
+++ b/static/css/signin.css
@@ -0,0 +1,40 @@
+body {
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #eee;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+  margin: 0 auto;
+}
+.form-signin .form-signin-heading,
+.form-signin .checkbox {
+  margin-bottom: 10px;
+}
+.form-signin .checkbox {
+  font-weight: normal;
+}
+.form-signin .form-control {
+  position: relative;
+  font-size: 16px;
+  height: auto;
+  padding: 10px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+.form-signin input[type="text"] {
+  margin-bottom: -1px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
\ No newline at end of file
diff --git a/static/js/app.js b/static/js/app.js
new file mode 100644
index 000000000..b3411b5ec
--- /dev/null
+++ b/static/js/app.js
@@ -0,0 +1,10 @@
+angular.module('quay', ['restangular']).
+  config(['$routeProvider', function($routeProvider) {
+    $routeProvider.
+      when('/repository/', {templateUrl: '/static/partials/repo-list.html', controller: RepoListCtrl}).
+      when('/', {templateUrl: '/static/partials/landing.html', controller: LandingCtrl}).
+      otherwise({redirectTo: '/'});
+  }]).
+  config(function(RestangularProvider) {
+    RestangularProvider.setBaseUrl('/api/');
+  });
\ No newline at end of file
diff --git a/static/js/controllers.js b/static/js/controllers.js
new file mode 100644
index 000000000..6e824730e
--- /dev/null
+++ b/static/js/controllers.js
@@ -0,0 +1,10 @@
+function RepoListCtrl($scope, Restangular) {
+  var repositoryFetch = Restangular.all('repository/');
+  repositoryFetch.getList().then(function(resp) {
+    $scope.repositories = resp.repositories;
+  });
+}
+
+function LandingCtrl($scope) {
+
+}
diff --git a/static/partials/landing.html b/static/partials/landing.html
new file mode 100644
index 000000000..e47ba0c23
--- /dev/null
+++ b/static/partials/landing.html
@@ -0,0 +1 @@
+<a ng-href="#/repository/">Repositories</a>
\ No newline at end of file
diff --git a/static/partials/repo-list.html b/static/partials/repo-list.html
new file mode 100644
index 000000000..ed0ca89e3
--- /dev/null
+++ b/static/partials/repo-list.html
@@ -0,0 +1,4 @@
+<h2>Repositories</h2>
+<div ng-repeat="repository in repositories">
+  {{repository.namespace}}/{{repository.name}}
+</div>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 41c4e9033..95bf4ff5f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,15 +1,23 @@
-<html>
+<!DOCTYPE html>
+<html ng-app="quay">
   <head>
     <title>Quay - Private Docker Repository</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
-
-    <!-- Optional theme -->
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css">
     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
+
+    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
+    <script src="//cdn.jsdelivr.net/underscorejs/1.5.2/underscore-min.js"></script>
+    <script src="//cdn.jsdelivr.net/restangular/1.1.3/restangular.js"></script>
+
+    <script src="static/js/app.js"></script>
+    <script src="static/js/controllers.js"></script>
+
   </head>
   <body>
     <h1>Hello World</h1>
+    <div ng-view></div>
   </body>
 </html>
\ No newline at end of file
diff --git a/templates/signin.html b/templates/signin.html
index 79d704d24..15051a495 100644
--- a/templates/signin.html
+++ b/templates/signin.html
@@ -1,12 +1,19 @@
+<!DOCTYPE html>
 <html>
   <head>
     <title>Quay Sign In</title>
+
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css">
+
+    <link rel="stylesheet" href="static/css/signin.css">
   </head>
   <body>
-    <form method="post">
-      Username: <input type="text" name="username"><br>
-      Password: <input type="password" name="password"><br>
-      <input type="submit" value="Sign In">
-    </form>
+    <div class="container">
+      <form method="post" class="form-signin">
+        <input type="text" class="form-control" placeholder="Username" name="username" autofocus>
+        <input type="password" class="form-control" placeholder="Password" name="password">
+        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign In</button>
+      </form>
+    </div>
   </body>
 </html>
\ No newline at end of file
