diff --git a/public/css/ios7.less b/public/css/ios7.less
index 194b16f7e56..4024582efeb 100644
--- a/public/css/ios7.less
+++ b/public/css/ios7.less
@@ -18,6 +18,14 @@ body {
   margin-right: 10px;
 }
 
+a {
+  color: #007aff;
+
+  &:hover {
+    color: #666666;
+    text-decoration: none;
+  }
+}
 
 // Navbar =====================================================================
 .navbar-default {
@@ -88,6 +96,55 @@ body {
   }
 }
 
+.btn-success {
+  background: #60c560;
+  border-color: #60c560;
+
+  &:hover,
+  &.active {
+    background: transparent;
+    color: #60c560;
+    border-color: #60c560;
+  }
+}
+
+.btn-info {
+  background: #5bc0de;
+  border-color: #5bc0de;
+
+  &:hover,
+  &.active {
+    background: transparent;
+    color: #5bc0de;
+    border-color: #5bc0de;
+  }
+}
+
+
+.btn-warning {
+  background: #f0ad4e;
+  border-color: #f0ad4e;
+
+  &:hover,
+  &.active {
+    background: transparent;
+    color: #f0ad4e;
+    border-color: #f0ad4e;
+  }
+}
+
+.btn-danger {
+  background: #d9534f;
+  border-color: #d9534f;
+
+  &:hover,
+  &.active {
+    background: transparent;
+    color: #d9534f;
+    border-color: #d9534f;
+  }
+}
+
 .facebook {
   background-color: #335397;
   border-color: #335397;
@@ -98,6 +155,36 @@ body {
   }
 }
 
+.twitter {
+  background-color: #00c7f7;
+  border-color: #00c7f7;
+  &:focus,
+  &:hover {
+    background-color: transparent;
+    color: #00c7f7;
+  }
+}
+
+.google {
+  background-color: #d34836;
+  border-color: #d34836;
+  &:focus,
+  &:hover {
+    background-color: transparent;
+    color: #d34836;
+  }
+}
+
+.github {
+  background-color: #000;
+  border-color: #000;
+  &:focus,
+  &:hover {
+    background-color: transparent;
+    color: #000;
+  }
+}
+
 // Panel ======================================================================
 .panel {
   background-color: #fff;
@@ -131,6 +218,10 @@ body {
   }
 }
 
+.text-primary {
+  color: #007aff;
+}
+
 
 // Forms =================================================================
 .form-control {
@@ -232,7 +323,7 @@ input[type="radio"]:checked + span:after {
   box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
   padding: 30px;
   width: 380px;
-  height: 390px;
+  height: 380px;
   text-align: center;
   position: absolute;
   top: 50%;
diff --git a/views/login.jade b/views/login.jade
index d935b8baeae..a5e028ce4c4 100644
--- a/views/login.jade
+++ b/views/login.jade
@@ -2,7 +2,9 @@ extends layout
 
 block content
   .login-container
-    h3.text-center Project name
+    h3.text-center
+      span.text-primary PROJECT
+      span.text-muted NAME
     form(method='POST')
       .form-group
         input.form-control(type='text', name='usernameOrEmail', id='usernameOrEmail', placeholder='Username or Email', autofocus='')
@@ -22,16 +24,16 @@ block content
           i.fa.fa-facebook
           | Facebook
       .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-danger.btn-block(href='/auth/google')
+        a.btn.btn-danger.btn-block.google(href='/auth/google')
           i.fa.fa-google-plus
           |   Google
     .row
       .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-info.btn-block(href='/auth/twitter')
+        a.btn.btn-info.btn-block.twitter(href='/auth/twitter')
           i.fa.fa-twitter
           |   Twitter
       .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-default.btn-block(href='/auth/github')
+        a.btn.btn-default.btn-block.github(href='/auth/github')
           i.fa.fa-github
           |   GitHub
     p Don't have an account yet?