anchor.diff:    or dark blue are preferred. White text is required on
     dark backgrounds.
   </p>
  -<a name="colors"></a>
  -<h2>Colors</h2>
  +<h2 id="colors">Colors</h2>
   <p>
     The colors we use are specified in the
     <%= link_to "Color component documentation", "/guide/color/" %>.
   </p>
  -<a name="terminology"></a>
  -<h2>Terminology</h2>
  +<h2 id="terminology">Terminology</h2>
   <p>
     We use the following names for our products. Note capitalization:
   </p>
  
positive.code:     ... you get the idea.
    </li>
  </ul>
  <a name="boilerplate"></a>
  <h2>Boilerplate</h2>
  <h3>About Chef</h3>
  <p>
    We are Chef &ndash; the leader in high-velocity IT automation. We give you a model 
  
negative.code: title: Brand Guidelines
  ---
  <h1>Brand Guidelines</h1>
  <h2 id="logo-usage">Logo Usage</h2>
  <div class="row">
    <div class="small-12 large-12 columns">
      <h3>A Logo is Worth a Thousand Words</h3>
  