Use .hero, in combination with region and flow, to create a distictive section on pages. You can see .hero in action at the top of each page on this website.

<div class="hero | region flow">
  <h1>Some page title</h1>
  <p>Some page description</p>
</div>

Notice pipes are used to group classes, as seen in the example code above. In this case, a pipe (|) seperates the block class hero from the utility classes region and flow. The purpose of this is simply to improve clarity.