From 8eb929d3cb3a33f333c477f31592a01c0113bd43 Mon Sep 17 00:00:00 2001
From: LRubin <lrubin@docker.com>
Date: Wed, 30 Nov 2016 17:42:25 -0800
Subject: [PATCH] make better color choices (#757)

Signed-off-by: LRubin <lrubin@docker.com>
---
 docker-cloud/images/Docker-Cloud-Blue.svg  | 49 ++++++++++++++++++++++
 docker-cloud/images/Docker-Cloud-white.svg | 48 +++++++++++++++++++++
 docker-cloud/index.md                      | 34 +++++++++------
 3 files changed, 118 insertions(+), 13 deletions(-)
 create mode 100644 docker-cloud/images/Docker-Cloud-Blue.svg
 create mode 100644 docker-cloud/images/Docker-Cloud-white.svg

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>