<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif;">
<div>
<div>
<div>I prefer the thinner lines: #1, #2.</div>
<div>
<p class="MsoNormal" style="font-size: 11pt; margin: 0in 0in 0.0001pt;"><b><span style="font-size: 14pt;"><br>
</span></b></p>
<p class="MsoNormal" style="font-size: 11pt; margin: 0in 0in 0.0001pt;"><b><span style="font-size: 14pt;">Robb Romans<o:p></o:p></span></b></p>
<p class="MsoNormal" style="font-size: 11pt; margin: 0in 0in 0.0001pt;"><span style="font-size: 10pt;">Sr. Information Developer - RPC<o:p></o:p></span></p>
<p class="MsoNormal" style="font-size: 11pt; margin: 0in 0in 0.0001pt;"><span style="font-size: 10pt;">------------------------------------------<o:p></o:p></span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><span style="font-size: 13px;">Desk:</span><span style="font-size: 10pt;"> 512-874-1730</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><span style="font-size: 13px;">Mobile:</span><span style="font-size: 10pt;"> 512-626-2937</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><span style="font-size: 10pt;">robb.romans@rackspace.com</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><span style="font-size: 13px;">@RobbRomans</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><span style="font-size: 13px;"><br>
</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"><img src="cid:A80831F4-34AD-48B1-8ADA-8E91155A2D99" type="image/png"></p>
</div>
</div>
</div>
<div><br>
</div>
<span id="OLK_SRC_BODY_SECTION">
<div style="font-family:Calibri; font-size:11pt; text-align:left; color:black; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0in; PADDING-LEFT: 0in; PADDING-RIGHT: 0in; BORDER-TOP: #b5c4df 1pt solid; BORDER-RIGHT: medium none; PADDING-TOP: 3pt">
<span style="font-weight:bold">From: </span>Matt Kassawara <<a href="mailto:mkassawara@gmail.com">mkassawara@gmail.com</a>><br>
<span style="font-weight:bold">Date: </span>Saturday, November 15, 2014 at 12:03 PM<br>
<span style="font-weight:bold">To: </span>Robb Romans <<a href="mailto:robb.romans@rackspace.com">robb.romans@rackspace.com</a>>, "<a href="mailto:openstack-docs@lists.openstack.org">openstack-docs@lists.openstack.org</a>" <<a href="mailto:openstack-docs@lists.openstack.org">openstack-docs@lists.openstack.org</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [OpenStack-docs] Diagram color scheme<br>
</div>
<div><br>
</div>
<div>
<div>Thanks for all the comments. I think we mostly narrowed down the color scheme variations, but the font and line thicknesses need more discussion. So, I eliminated the dark-on-dark variation from the "simple" diagram [1] and went crazy on font and line
thicknesses with the remaining options. <span style="line-height:19.7999992370605px">I know some of you liked the object storage nodes, but a few of the colors fell outside of the theme and I'm trying to make this work within it to ease future documentation
and templates. </span>I also included numbers on each object for easier reference. So... pick a number and add if/where/when you prefer thicker fonts and/or lines.<br>
<div><br>
</div>
<div>[1] <a href="http://23.253.231.218/rpc-diagrams/os-examplearchneutron-hw.png">http://23.253.231.218/rpc-diagrams/os-examplearchneutron-hw.png</a></div>
<div><br>
</div>
<div>Matt</div>
<br>
<div class="gmail_quote">On Fri Nov 14 2014 at 1:16:25 PM Robb Romans <<a href="mailto:robb.romans@rackspace.com">robb.romans@rackspace.com</a>> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<div>
<div>Matt,</div>
<div><br>
</div>
<div>Really great work putting this together and moving things toward consistency. These diagrams look awesome. For the first set, I like Network node best (and I also like the Object Storage node that I was supposed to ignore :). For the second set, I prefer
the Compute node (Network node 2nd). Cheers.</div>
<div><br>
</div>
<div>
<p class="MsoNormal" style="font-size:11pt;margin:0in 0in 0.0001pt"><b><span style="font-size:14pt"><br>
</span></b></p>
<p class="MsoNormal" style="font-size:11pt;margin:0in 0in 0.0001pt"><b><span style="font-size:14pt">Robb Romans<u></u><u></u></span></b></p>
<p class="MsoNormal" style="font-size:11pt;margin:0in 0in 0.0001pt"><span style="font-size:10pt">Sr. Information Developer - RPC<u></u><u></u></span></p>
<p class="MsoNormal" style="font-size:11pt;margin:0in 0in 0.0001pt"><span style="font-size:10pt">------------------------------------------<u></u><u></u></span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><span style="font-size:13px">Desk:</span><span style="font-size:10pt"> 512-874-1730</span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><span style="font-size:13px">Mobile:</span><span style="font-size:10pt"> 512-626-2937</span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><span style="font-size:10pt"><a href="mailto:robb.romans@rackspace.com" target="_blank">robb.romans@rackspace.com</a></span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><span style="font-size:13px">@RobbRomans</span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><span style="font-size:13px"><br>
</span></p>
<p class="MsoNormal" style="margin:0in 0in 0.0001pt"><img src="cid:5FB6625F-BA08-4E08-895A-7BB59E4A2E27" type="image/png"></p>
</div>
</div>
<div><br>
</div>
<span>
<div style="font-family:Calibri;font-size:11pt;text-align:left;color:black;BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;PADDING-BOTTOM:0in;PADDING-LEFT:0in;PADDING-RIGHT:0in;BORDER-TOP:#b5c4df 1pt solid;BORDER-RIGHT:medium none;PADDING-TOP:3pt">
<span style="font-weight:bold">From: </span>Matt Kassawara <<a href="mailto:mkassawara@gmail.com" target="_blank">mkassawara@gmail.com</a>><br>
<span style="font-weight:bold">Date: </span>Thursday, November 13, 2014 at 7:28 PM</div>
</span></div>
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<span>
<div style="font-family:Calibri;font-size:11pt;text-align:left;color:black;BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;PADDING-BOTTOM:0in;PADDING-LEFT:0in;PADDING-RIGHT:0in;BORDER-TOP:#b5c4df 1pt solid;BORDER-RIGHT:medium none;PADDING-TOP:3pt">
<br>
<span style="font-weight:bold">To: </span>"<a href="mailto:openstack-docs@lists.openstack.org" target="_blank">openstack-docs@lists.openstack.org</a>" <<a href="mailto:openstack-docs@lists.openstack.org" target="_blank">openstack-docs@lists.openstack.org</a>><br>
<span style="font-weight:bold">Subject: </span>[OpenStack-docs] Diagram color scheme<br>
</div>
</span></div>
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<span>
<div><br>
</div>
<div>
<div>Needless to say, our existing diagram color schemes vary by document and sometimes look rather hideous. For example, I used the red-green-blue theme in the installation guide to improve contrast among the networks, but it lacks the civility you would find
in other professional documentation. Similar to networking, colors are hard. For example, themes that implement many shades of one or two colors look professional but limit the ability to contrast important items. On the other hand, themes that implement many
diverse colors offer many ways to contrast important items, but look harsh. I haven't found a theme that provides a decent balance until Robb Romans (a coworker at Rackspace) pointed out the Solarized theme [1] today. Although somewhat optimized for text,
this theme provides several decent dark/light combinations for diagrams requiring less contrast and a series of diverse yet soft colors for diagrams requiring more contrast. After messing around a bit, I came up with a few potential color variants using this
theme. Please review the dark/light example for simple diagrams [2] and the diverse color example for complex/contrasty diagrams [3] and provide comments. For the first diagram, indicate which of the controller node, network node, compute node, and block storage
node objects look the best (ignore the object storage nodes). For the second diagram, indicate which of the nodes (dark/light) and network colors look best. You can also reject this theme completely. However, if you do, please provide one or more suitable
alternatives. I would like to upload a series of revitalized diagrams to the installation guide as soon as possible.
<div><br>
</div>
<div>Matt</div>
<div><br>
</div>
<div>[1] <a href="http://ethanschoonover.com/solarized" target="_blank">http://ethanschoonover.com/solarized</a></div>
<div>[2] <a href="http://23.253.231.218/rpc-diagrams/os-examplearchneutron-hw.png" target="_blank">http://23.253.231.218/rpc-diagrams/os-examplearchneutron-hw.png</a></div>
<div>[3] <a href="http://23.253.231.218/rpc-diagrams/os-examplearchneutron-networks.png" target="_blank">http://23.253.231.218/rpc-diagrams/os-examplearchneutron-networks.png</a></div>
</div>
</div>
</span></div>
______________________________<u></u>_________________<br>
OpenStack-docs mailing list<br>
<a href="mailto:OpenStack-docs@lists.openstack.org" target="_blank">OpenStack-docs@lists.<u></u>openstack.org</a><br>
<a href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-docs" target="_blank">http://lists.openstack.org/<u></u>cgi-bin/mailman/listinfo/<u></u>openstack-docs</a><br>
</blockquote>
</div>
</div>
</div>
</span>
</body>
</html>