diff --git a/embark-ui/src/components/Login.css b/embark-ui/src/components/Login.css
index 4c5e9424..23bdb123 100644
--- a/embark-ui/src/components/Login.css
+++ b/embark-ui/src/components/Login.css
@@ -1,11 +1,12 @@
 .login-container {
   width: 80%;
   max-width: 900px;
+  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 }
 
 .login-layout-container-section {
   padding: 0.8em;
-  background: #20a8d8;
+  background: #2f353a;
 }
 
 .login-layout-container-section:first-child {
diff --git a/embark-ui/src/components/Login.js b/embark-ui/src/components/Login.js
index c1e26772..54b0b3c6 100644
--- a/embark-ui/src/components/Login.js
+++ b/embark-ui/src/components/Login.js
@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import React from 'react';
-import logo from '../images/logo.png';
+import logo from '../images/logo-new.svg';
 import './Login.css';
 
 class Login extends React.Component {
diff --git a/embark-ui/src/images/logo-new.svg b/embark-ui/src/images/logo-new.svg
new file mode 100644
index 00000000..eb4d4c8a
--- /dev/null
+++ b/embark-ui/src/images/logo-new.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="2160px" height="1440px" viewBox="0 0 2160 1440" enable-background="new 0 0 2160 1440" xml:space="preserve">
+<g>
+	<defs>
+		
+			<rect id="SVGID_132_" x="670.25" y="430.159" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 821.4487 1787.1575)" width="221.207" height="586.588"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_132_"  overflow="visible"/>
+	</clipPath>
+	<g opacity="0.1" clip-path="url(#SVGID_2_)">
+		<g>
+			<defs>
+				<rect id="SVGID_134_" x="458.16" y="439.682" width="587.254" height="570.788"/>
+			</defs>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_134_"  overflow="visible"/>
+			</clipPath>
+			<g clip-path="url(#SVGID_4_)">
+				<defs>
+					<rect id="SVGID_136_" x="458.16" y="439.682" width="587.254" height="570.788"/>
+				</defs>
+				<clipPath id="SVGID_6_">
+					<use xlink:href="#SVGID_136_"  overflow="visible"/>
+				</clipPath>
+				<g transform="matrix(1 0 0 1 0 3.051758e-05)" clip-path="url(#SVGID_6_)">
+					
+						<image overflow="visible" width="321" height="312" xlink:href="2A17B363887357F3.png"  transform="matrix(1.8294 0 0 1.8294 458.1602 439.6821)">
+					</image>
+				</g>
+			</g>
+		</g>
+	</g>
+	<polygon clip-path="url(#SVGID_2_)" fill="#16F4A4" points="978.869,507.264 978.211,507.533 913.662,676.524 524.213,942.899 
+		931.008,693.014 	"/>
+	<path clip-path="url(#SVGID_2_)" fill="#16F4A4" d="M973.82,509.303l-184.357,74.43c-30.643,14.05-57.486,36.818-76.789,65.121
+		L524.213,942.899l389.451-266.376l64.547-168.992L973.82,509.303z"/>
+</g>
+<path fill="#12125B" d="M841.865,1065.963c0,0,245.404-53.953,421.189-214.877c344.365-315.251,314.051-638.902,314.051-638.902
+	l-795.496,795.492"/>
+<path fill="#1942D8" d="M723.088,947.185c0,0,54.912-244.53,214.877-421.188c311.191-343.663,639.141-313.814,639.141-313.814
+	l-795.496,795.494"/>
+<path fill="#1157F4" d="M988.49,564.405c207.738-229.166,450.852-309.215,584.072-348.149l3.117-3.118
+	c0,0-327.338-29.989-637.701,312.847C778.438,702.217,723.062,947.209,723.062,947.209l3.203,3.203
+	C726.266,950.413,827.789,741.677,988.49,564.405"/>
+<g>
+	<defs>
+		
+			<rect id="SVGID_138_" x="975.485" y="711.371" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 1124.7515 2488.1475)" width="204.39" height="599.524"/>
+	</defs>
+	<clipPath id="SVGID_8_">
+		<use xlink:href="#SVGID_138_"  overflow="visible"/>
+	</clipPath>
+	<path clip-path="url(#SVGID_8_)" fill="#00B783" d="M1091.307,860.708l184.178-54.809l-68.039,188.376
+		c-13.879,33.441-37.322,63.188-67.072,85.091l-283.764,196.513L1091.307,860.708z"/>
+	<g opacity="0.3" clip-path="url(#SVGID_8_)">
+		<g>
+			<defs>
+				<rect id="SVGID_140_" x="798.438" y="734.223" width="545.176" height="603.719"/>
+			</defs>
+			<clipPath id="SVGID_10_">
+				<use xlink:href="#SVGID_140_"  overflow="visible"/>
+			</clipPath>
+			<g clip-path="url(#SVGID_10_)">
+				<defs>
+					<rect id="SVGID_142_" x="798.438" y="734.223" width="545.176" height="603.719"/>
+				</defs>
+				<clipPath id="SVGID_12_">
+					<use xlink:href="#SVGID_142_"  overflow="visible"/>
+				</clipPath>
+				<g transform="matrix(1 0 0 1 0 -6.103516e-05)" clip-path="url(#SVGID_12_)">
+					
+						<image overflow="visible" width="298" height="330" xlink:href="2A17B363887357F1.png"  transform="matrix(1.8294 0 0 1.8294 798.4375 734.2231)">
+					</image>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g>
+	<defs>
+		
+			<rect id="SVGID_144_" x="829.873" y="578.832" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 959.0662 2135.0476)" width="183.694" height="580.121"/>
+	</defs>
+	<clipPath id="SVGID_14_">
+		<use xlink:href="#SVGID_144_"  overflow="visible"/>
+	</clipPath>
+	<path clip-path="url(#SVGID_14_)" fill="#16F4A4" d="M1006.504,684.414c-56.238,21.653-78.492,48.845-97.396,77.8l-227.299,348.173
+		l443.57-446.724C1125.379,663.663,1062.744,662.76,1006.504,684.414"/>
+	<path clip-path="url(#SVGID_14_)" fill="#16F4A4" d="M1105.475,782.686c21.256-56.392,19.91-119.02,19.91-119.02L681.812,1110.39
+		l346.555-229.759C1057.188,861.524,1084.221,839.076,1105.475,782.686"/>
+</g>
+<g>
+	<defs>
+		<path id="SVGID_146_" d="M717.283,1074.666l7.342,7.339l303.74-201.373c28.822-19.107,55.855-41.554,77.109-97.943
+			c21.256-56.394,19.91-119.021,19.91-119.021L717.283,1074.666z"/>
+	</defs>
+	<clipPath id="SVGID_16_">
+		<use xlink:href="#SVGID_146_"  overflow="visible"/>
+	</clipPath>
+	<g opacity="0.27" clip-path="url(#SVGID_16_)">
+		<g>
+			<defs>
+				<rect id="SVGID_148_" x="633.787" y="597.015" width="576.277" height="579.936"/>
+			</defs>
+			<clipPath id="SVGID_18_">
+				<use xlink:href="#SVGID_148_"  overflow="visible"/>
+			</clipPath>
+			<g clip-path="url(#SVGID_18_)">
+				<defs>
+					<rect id="SVGID_150_" x="633.787" y="597.015" width="576.277" height="579.936"/>
+				</defs>
+				<clipPath id="SVGID_20_">
+					<use xlink:href="#SVGID_150_"  overflow="visible"/>
+				</clipPath>
+				<g transform="matrix(1 0 0 1 0 -6.103516e-05)" clip-path="url(#SVGID_20_)">
+					
+						<image overflow="visible" width="315" height="317" xlink:href="2A17B363887357F7.png"  transform="matrix(1.8294 0 0 1.8294 633.7871 597.0151)">
+					</image>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>