diff --git a/docker-cloud/images/Docker-Cloud-Blue.svg b/docker-cloud/images/Docker-Cloud-Blue.svg
new file mode 100644
index 0000000000..56fc7a8b7c
--- /dev/null
+++ b/docker-cloud/images/Docker-Cloud-Blue.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 235.8 245.8" style="enable-background:new 0 0 235.8 245.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#1488C6;}
+</style>
+<g id="XMLID_4_">
+	<path id="XMLID_6_" class="st0" d="M185.3,183.4H44.8c-19.5,0-35.4-15.9-35.4-35.4c0-16.1,10.6-29.8,25.7-34
+		c-0.7-3.2-1.1-6.5-1.1-9.7c0-24.6,20-44.7,44.7-44.7c5.5,0,10.9,1,16,2.9c9-17.2,26.8-28.1,46.4-28.1c28.9,0,52.3,23.5,52.3,52.3
+		c0,3.2-0.3,6.4-0.9,9.5c20.9,3.4,36.7,21.6,36.7,43.3C229.2,163.7,209.5,183.4,185.3,183.4z"/>
+	<path id="XMLID_5_" class="st0" d="M78.7,67.5c-20.3,0-36.8,16.5-36.8,36.8c0,3.9,0.6,7.8,1.8,11.5l1.4,4.4l-4.6,0.7
+		c-13.5,2.1-23.3,13.5-23.3,27.1c0,15.2,12.3,27.5,27.5,27.5h140.5c19.8,0,36-16.1,36-36c0-19-14.9-34.8-33.9-35.9l-4.9-0.3l1.3-4.7
+		c1.1-3.9,1.6-7.9,1.6-11.9c0-24.5-19.9-44.5-44.5-44.5c-17.8,0-33.8,10.6-40.9,26.9L98.6,73l-3.7-1.8
+		C89.8,68.7,84.4,67.5,78.7,67.5z"/>
+</g>
+<g id="XMLID_1086_">
+	<path id="XMLID_1088_" class="st1" d="M184.3,182.5H43.8c-19.5,0-35.4-15.9-35.4-35.4c0-16.1,10.6-29.8,25.7-34
+		c-0.7-3.2-1.1-6.5-1.1-9.7c0-24.6,20-44.7,44.7-44.7c5.5,0,10.9,1,16,2.9c9-17.2,26.8-28.1,46.4-28.1c28.9,0,52.3,23.5,52.3,52.3
+		c0,3.2-0.3,6.4-0.9,9.5c20.9,3.4,36.7,21.6,36.7,43.3C228.2,162.8,208.5,182.5,184.3,182.5z"/>
+	<path id="XMLID_1087_" class="st1" d="M77.7,66.6c-20.3,0-36.8,16.5-36.8,36.8c0,3.9,0.6,7.8,1.8,11.5l1.4,4.4l-4.6,0.7
+		c-13.5,2.1-23.3,13.5-23.3,27.1c0,15.2,12.3,27.5,27.5,27.5h140.5c19.8,0,36-16.1,36-36c0-19-14.9-34.8-33.9-35.9l-4.9-0.3l1.3-4.7
+		c1.1-3.9,1.6-7.9,1.6-11.9c0-24.5-19.9-44.5-44.5-44.5c-17.8,0-33.8,10.6-40.9,26.9l-1.6,3.8l-3.7-1.8
+		C88.8,67.8,83.3,66.6,77.7,66.6z"/>
+</g>
+<g id="XMLID_1070_">
+	<g id="XMLID_1076_">
+		<polygon id="XMLID_1085_" class="st0" points="73.8,109.1 84.7,109.1 84.7,119.7 73.8,119.7 73.8,109.1 		"/>
+		<polygon id="XMLID_1084_" class="st0" points="87.2,109.1 98.1,109.1 98.1,119.7 87.2,119.7 87.2,109.1 		"/>
+		<rect id="XMLID_1083_" x="87.2" y="95.5" class="st0" width="10.9" height="10.6"/>
+		<polygon id="XMLID_1082_" class="st0" points="100.6,109.1 111.5,109.1 111.5,119.7 100.6,119.7 100.6,109.1 		"/>
+		<rect id="XMLID_1081_" x="100.6" y="95.5" class="st0" width="10.9" height="10.6"/>
+		<polygon id="XMLID_1080_" class="st0" points="113.9,109.1 124.9,109.1 124.9,119.7 113.9,119.7 113.9,109.1 		"/>
+		<rect id="XMLID_1079_" x="113.9" y="95.5" class="st0" width="10.9" height="10.6"/>
+		<polygon id="XMLID_1078_" class="st0" points="127.3,109.1 138.3,109.1 138.3,119.7 127.3,119.7 127.3,109.1 		"/>
+		<rect id="XMLID_1077_" x="113.9" y="81.9" class="st0" width="10.9" height="10.6"/>
+	</g>
+	<g id="XMLID_1071_">
+		<path id="XMLID_1075_" class="st0" d="M89,134.9c-1.7,0-3,1.3-3,3c0,1.6,1.4,2.9,3,2.9c1.7,0,3-1.3,3-2.9
+			C92.1,136.3,90.7,134.9,89,134.9"/>
+		<path id="XMLID_1072_" class="st0" d="M173.4,114.5c-3.7-2.1-8.5-2.3-12.7-1.1c-0.5-4.3-3.4-8-6.9-10.7l-1.4-1.1l-1.2,1.3
+			c-2.3,2.6-3,6.9-2.7,10.2c0.2,2.4,1,4.9,2.6,6.9c-1.2,0.7-2.5,1.2-3.7,1.6c-2.4,0.8-5,1.2-7.6,1.2H68.1l-0.2,1.6
+			c-0.5,5.4,0.2,10.7,2.5,15.6l1,1.9l0.1,0.2c6.8,11.1,18.6,15.8,31.5,15.8c25,0,45.6-10.8,55.1-33.7c6.3,0.3,12.8-1.5,15.9-7.4
+			l0.8-1.5L173.4,114.5L173.4,114.5z M89,143.5c-3.2,0-5.8-2.5-5.8-5.6c0-3.1,2.6-5.6,5.8-5.6s5.8,2.5,5.8,5.6
+			C94.8,141,92.2,143.5,89,143.5L89,143.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/docker-cloud/images/Docker-Cloud-white.svg b/docker-cloud/images/Docker-Cloud-white.svg
new file mode 100644
index 0000000000..22f38ea865
--- /dev/null
+++ b/docker-cloud/images/Docker-Cloud-white.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 235.8 245.8" style="enable-background:new 0 0 235.8 245.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#1488C6;}
+</style>
+<g id="XMLID_1_">
+	<path id="XMLID_3_" class="st0" d="M184.9,182.6H45.2c-19.4,0-35.1-15.8-35.1-35.2c0-16,10.5-29.6,25.5-33.8
+		c-0.7-3.2-1.1-6.4-1.1-9.7c0-24.5,19.9-44.4,44.4-44.4c5.5,0,10.8,1,15.8,2.9c8.9-17.1,26.6-27.9,46.1-27.9c28.7,0,52,23.3,52,52
+		c0,3.2-0.3,6.3-0.9,9.4c20.8,3.4,36.5,21.5,36.5,43C228.4,163,208.9,182.6,184.9,182.6z"/>
+	<path id="XMLID_2_" class="st0" d="M78.9,67.4c-20.2,0-36.6,16.4-36.6,36.6c0,3.9,0.6,7.7,1.8,11.4l1.4,4.4l-4.6,0.7
+		c-13.4,2.1-23.1,13.4-23.1,27c0,15.1,12.3,27.3,27.3,27.3h139.6c19.7,0,35.7-16,35.7-35.7c0-18.9-14.8-34.6-33.6-35.7l-4.8-0.3
+		l1.3-4.7c1.1-3.9,1.6-7.8,1.6-11.8c0-24.4-19.8-44.2-44.2-44.2c-17.7,0-33.6,10.5-40.6,26.7l-1.6,3.8L95,71.1
+		C89.9,68.7,84.6,67.4,78.9,67.4z"/>
+</g>
+<g id="XMLID_1066_">
+	<path id="XMLID_1067_" class="st1" d="M184.2,183.4H44.6c-19.4,0-35.1-15.8-35.1-35.2c0-16,10.5-29.6,25.5-33.8
+		c-0.7-3.2-1.1-6.4-1.1-9.7c0-24.5,19.9-44.4,44.4-44.4c5.5,0,10.8,1,15.8,2.9c8.9-17.1,26.6-27.9,46.1-27.9c28.7,0,52,23.3,52,52
+		c0,3.2-0.3,6.3-0.9,9.4c20.8,3.4,36.5,21.5,36.5,43C227.8,163.8,208.2,183.4,184.2,183.4z M78.3,68.2c-20.2,0-36.6,16.4-36.6,36.6
+		c0,3.9,0.6,7.7,1.8,11.4l1.4,4.4l-4.6,0.7c-13.4,2.1-23.1,13.4-23.1,27c0,15.1,12.3,27.3,27.3,27.3h139.6c19.7,0,35.7-16,35.7-35.7
+		c0-18.9-14.8-34.6-33.6-35.7l-4.8-0.3l1.3-4.7c1.1-3.9,1.6-7.8,1.6-11.8c0-24.4-19.8-44.2-44.2-44.2c-17.7,0-33.6,10.5-40.6,26.7
+		L98,73.7l-3.7-1.8C89.3,69.4,83.9,68.2,78.3,68.2z"/>
+</g>
+<g id="XMLID_964_">
+	<g id="XMLID_1011_">
+		<polygon id="XMLID_1065_" class="st1" points="74.4,110.4 85.2,110.4 85.2,120.9 74.4,120.9 74.4,110.4 		"/>
+		<polygon id="XMLID_1064_" class="st1" points="87.7,110.4 98.5,110.4 98.5,120.9 87.7,120.9 87.7,110.4 		"/>
+		<rect id="XMLID_1063_" x="87.7" y="96.9" class="st1" width="10.8" height="10.5"/>
+		<polygon id="XMLID_1062_" class="st1" points="101,110.4 111.8,110.4 111.8,120.9 101,120.9 101,110.4 		"/>
+		<rect id="XMLID_1061_" x="101" y="96.9" class="st1" width="10.8" height="10.5"/>
+		<polygon id="XMLID_1060_" class="st1" points="114.3,110.4 125.1,110.4 125.1,120.9 114.3,120.9 114.3,110.4 		"/>
+		<rect id="XMLID_1059_" x="114.3" y="96.9" class="st1" width="10.8" height="10.5"/>
+		<polygon id="XMLID_1058_" class="st1" points="127.6,110.4 138.4,110.4 138.4,120.9 127.6,120.9 127.6,110.4 		"/>
+		<rect id="XMLID_1012_" x="114.3" y="83.4" class="st1" width="10.8" height="10.5"/>
+	</g>
+	<g id="XMLID_1000_">
+		<path id="XMLID_1010_" class="st1" d="M89.5,136.1c-1.7,0-3,1.3-3,2.9c0,1.6,1.4,2.9,3,2.9c1.7,0,3-1.3,3-2.9
+			C92.6,137.4,91.2,136.1,89.5,136.1"/>
+		<path id="XMLID_1007_" class="st1" d="M173.4,115.9c-3.6-2-8.5-2.3-12.6-1.1c-0.5-4.3-3.4-8-6.8-10.7l-1.4-1.1l-1.1,1.3
+			c-2.3,2.6-3,6.9-2.7,10.2c0.2,2.4,1,4.9,2.5,6.8c-1.2,0.7-2.5,1.2-3.7,1.6c-2.4,0.8-5,1.2-7.6,1.2H68.8l-0.2,1.6
+			c-0.5,5.3,0.2,10.7,2.5,15.5l1,1.9l0.1,0.2c6.7,11.1,18.5,15.7,31.3,15.7c24.8,0,45.3-10.8,54.8-33.5c6.3,0.3,12.7-1.5,15.8-7.3
+			l0.8-1.5L173.4,115.9L173.4,115.9z M89.5,144.6c-3.2,0-5.7-2.5-5.7-5.6c0-3.1,2.6-5.6,5.7-5.6s5.7,2.5,5.7,5.6
+			C95.3,142.1,92.7,144.6,89.5,144.6L89.5,144.6z"/>
+	</g>
+</g>
+</svg>
diff --git a/docker-cloud/index.md b/docker-cloud/index.md
index d8408615f3..a2ef59bd7b 100644
--- a/docker-cloud/index.md
+++ b/docker-cloud/index.md
@@ -6,39 +6,47 @@ title: Welcome to the Docker Cloud docs!
 ---
 
 <center>
-<img src="images/Docker-Cloud-Blue.png">
+<img src="images/Docker-Cloud-Blue.svg" height="150" width="150" fill="#1488C6">
 </center>
 
 <style type="text/css">
-.tg td{width="50%";padding:10px 5px;border:none;overflow:hidden;word-break:normal;}
-.sherbet{width="50%";font-size:20px;font-weight:bold;background-color:#9CE2C0;color:#008AB5;text-align:center;vertical-align:top}
-.plain{width="50%";vertical-align:top}
+.tg td {
+  width="50%";padding:10px 5px;border:none;overflow:hidden;word-break:normal;
+}
+#DocumentationText .bluebar {
+  width="50%";font-size:20px;font-weight:bold;background-color:#1488C6;color:#ffffff;text-align:center;vertical-align:top
+}
+#DocumentationText .bluebar a{
+  color:#ffffff;font-weight:normal;
+}
+.plain{
+  width="50%";vertical-align:top
+}
 </style>
-
 <table class="tg">
   <tr>
-    <td class="sherbet" width="50%"><a href="getting-started/index.md">Tutorial: Getting Started</a></td>
-    <td class="sherbet" width="50%"><a href="getting-started/deploy-app/index.md">Tutorial: Deploy an App</a></td>
+    <td class="bluebar" width="50%"><a href="getting-started/index.md">Tutorial: Getting Started</a></td>
+    <td class="bluebar" width="50%"><a href="getting-started/deploy-app/index.md">Tutorial: Deploy an App</a></td>
   </tr>
   <tr>
     <td class="plain" width="50%"><p>Start here! Deploy your first node and service in Docker Cloud.</p></td>
     <td class="plain" width="50%"><p>For more advanced beginners: deploy a simple app in Docker Cloud.</p></td>
   </tr>
   <tr>
-    <td class="sherbet" width="50%"><a href="apps/index.md">Manage Apps</a></td>
-    <td class="sherbet" width="50%"><a href="builds/index.md">Manage Builds and Images</a></td>
+    <td class="bluebar" width="50%"><a href="apps/index.md">Manage Apps</a></td>
+    <td class="bluebar" width="50%"><a href="builds/index.md">Manage Builds and Images</a></td>
   </tr>
   <tr>
     <td class="plain" width="50%"><p>Deploy services, stacks, and apps in Docker Cloud.</p></td>
-    <td class="plain" width="50%"><p>Building images to deploy in Docker Cloud.</p></td>
+    <td class="plain" width="50%"><p>Build and test your code, build Docker images.</p></td>
   </tr>
   <tr>
-    <td class="sherbet" colspan="2"><a href="infrastructure/index.md">Manage Infrastructure</a></td>
+    <td class="bluebar" colspan="2"><a href="infrastructure/index.md">Manage Infrastructure</a></td>
   </tr>
   <tr>
     <td class="plain" colspan="2"><p>Learn how to link to your hosts, upgrade the Docker Cloud agent, and manage container distribution. See the <a href="infrastructure/cloud-on-aws-faq.md">AWS FAQ</a> and <a href="infrastructure/cloud-on-packet.net-faq.md">Packet.net FAQ</a></p></td>
   </tr>
   <tr>
-    <td class="sherbet" colspan="2"> <a href="https://docs.docker.com/apidocs/docker-cloud/">API Docs</a> || <a href="docker-errors-faq.md">Frequently Asked Questions</a> || <a href="release-notes.md">Release Notes</a></td>
+    <td class="bluebar" colspan="2"> <a href="https://docs.docker.com/apidocs/docker-cloud/">API Docs</a> &nbsp;&nbsp; ● &nbsp;&nbsp; <a href="docker-errors-faq.md">Frequently Asked Questions</a> &nbsp;&nbsp; ● &nbsp;&nbsp; <a href="release-notes.md">Release Notes</a></td>
   </tr>
-</table>
\ No newline at end of file
+</table>

Tutorial: Getting Started	Tutorial: Deploy an App	Tutorial: Getting Started	Tutorial: Deploy an App
Start here! Deploy your first node and service in Docker Cloud.	For more advanced beginners: deploy a simple app in Docker Cloud.
Manage Apps	Manage Builds and Images	Manage Apps	Manage Builds and Images
Deploy services, stacks, and apps in Docker Cloud.	Building images to deploy in Docker Cloud.	Build and test your code, build Docker images.
Manage Infrastructure		Manage Infrastructure
Learn how to link to your hosts, upgrade the Docker Cloud agent, and manage container distribution. See the AWS FAQ and Packet.net FAQ
API Docs \|\| Frequently Asked Questions \|\| Release Notes		API Docs ● Frequently Asked Questions ● Release Notes