diff --git a/PHPCI/Controller/SessionController.php b/PHPCI/Controller/SessionController.php
index af13cfc4..06773305 100644
--- a/PHPCI/Controller/SessionController.php
+++ b/PHPCI/Controller/SessionController.php
@@ -59,7 +59,7 @@ class SessionController extends \PHPCI\Controller
         $form->addField($pwd);
 
         $pwd = new b8\Form\Element\Submit();
-        $pwd->setValue('Login &raquo;');
+        $pwd->setValue('Log in &raquo;');
         $pwd->setClass('btn-success');
         $form->addField($pwd);
 
diff --git a/PHPCI/View/Session/login.phtml b/PHPCI/View/Session/login.phtml
index 4d48892e..168d9625 100644
--- a/PHPCI/View/Session/login.phtml
+++ b/PHPCI/View/Session/login.phtml
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<title>Log in</title>
+	<title>Log in to PHPCI</title>
 
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
@@ -11,39 +11,77 @@
 
 	<style type="text/css">
 
+        html {
+            min-height: 100%;
+        }
+
 		body
 		{
-			background: #246;
+            background: #224466; /* Old browsers */
+            background: -moz-radial-gradient(center, ellipse cover, #224466 0%, #112233 100%); /* FF3.6+ */
+            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#224466), color-stop(100%,#112233)); /* Chrome,Safari4+ */
+            background: -webkit-radial-gradient(center, ellipse cover, #224466 0%,#112233 100%); /* Chrome10+,Safari5.1+ */
+            background: -o-radial-gradient(center, ellipse cover, #224466 0%,#112233 100%); /* Opera 12+ */
+            background: -ms-radial-gradient(center, ellipse cover, #224466 0%,#112233 100%); /* IE10+ */
+            background: radial-gradient(ellipse at center, #224466 0%,#112233 100%); /* W3C */
+            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224466', endColorstr='#112233',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+            min-height: 100%;
+
 			font-family: Roboto, Arial, Sans-Serif;
 			font-style: normal;
 			font-weight: 300;
-			padding-top: 70px;
+			padding-top: 0px;
 		}
 
 		#login-box
 		{
-			background: #fff;
-			border: 10px solid #369;
+            background: #fcfcfc; /* Old browsers */
+            background: -moz-linear-gradient(top, #fcfcfc 50%, #e0e0e0 100%); /* FF3.6+ */
+            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fcfcfc), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
+            background: -webkit-linear-gradient(top, #fcfcfc 50%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
+            background: -o-linear-gradient(top, #fcfcfc 50%,#e0e0e0 100%); /* Opera 11.10+ */
+            background: -ms-linear-gradient(top, #fcfcfc 50%,#e0e0e0 100%); /* IE10+ */
+            background: linear-gradient(to bottom, #fcfcfc 50%,#e0e0e0 100%); /* W3C */
+            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
+            
+            border-radius: 5px;
+            box-shadow: 0 0 30px rgba(0,0,0, 0.3);
 			margin: 0 auto;
-			padding: 10px;
+			padding: 15px 30px;
 			text-align: left;
-			width: 270px;
+			width: 350px;
 		}
 
 		#logo {
-			display: block;
+            background: transparent url('http://www.block8.co.uk/badge-dark-muted.png') no-repeat top left;
+			display: inline-block;
+            height: 26px;
+            margin: 40px auto;
+            width: 90px;
 		}
 
+            #logo:hover {
+                background-image: url('http://www.block8.co.uk/badge-dark.png');
+            }
+
+        #phpci-logo img {
+            margin-bottom: 30px;
+        }
+
 	</style>
 </head>
 <body>
 <div class="container">
 	<div class="row" style="margin-top: 10%; text-align: center">
+        <a id="phpci-logo" href="http://www.phptesting.org">
+            <img src="<?php print PHPCI_URL; ?>/assets/img/logo-large.png">
+        </a>
 		<div class="" id="login-box">
 			<?php print $form; ?>
 		</div>
 
-		<a id="logo" href="http://www.block8.co.uk/"><img src="http://cms.block8.co.uk/assets/img/small-logo-trans-white.png"></a>
+		<a id="logo" href="http://www.block8.co.uk/"></a>
 	</div>
 </div>
 </body>
diff --git a/PHPCI/View/layout.phtml b/PHPCI/View/layout.phtml
index 30d789d5..7dda7489 100644
--- a/PHPCI/View/layout.phtml
+++ b/PHPCI/View/layout.phtml
@@ -22,7 +22,7 @@
                     <span class="icon-bar"></span>
                 </button>
 
-				<a class="navbar-brand" href="<?= PHPCI_URL ?>">PHPCI <span class="label label-danger" style="position: relative; top: -3px; margin-left: 10px">1.0 Beta</span></a>
+				<a class="navbar-brand" href="<?= PHPCI_URL ?>"><img src="<?= PHPCI_URL ?>/assets/img/logo.png"></a>
 
                 <div class="nav-collapse collapse navbar-responsive-collapse">
                     <ul class="nav navbar-nav pull-right">
diff --git a/public/assets/css/phpci.css b/public/assets/css/phpci.css
index 71071625..54b9479b 100644
--- a/public/assets/css/phpci.css
+++ b/public/assets/css/phpci.css
@@ -80,4 +80,8 @@ h3
 	border-bottom: 1px solid #f0f0f0;
 	margin-top: 0;
 	padding-top: 0;
+}
+
+.navbar-brand {
+    padding: 10px 15px;
 }
\ No newline at end of file
diff --git a/public/assets/img/logo-large.png b/public/assets/img/logo-large.png
new file mode 100644
index 00000000..dd3e1d34
Binary files /dev/null and b/public/assets/img/logo-large.png differ
diff --git a/public/assets/img/logo.png b/public/assets/img/logo.png
new file mode 100644
index 00000000..4c56e4a7
Binary files /dev/null and b/public/assets/img/logo.png differ
