-.patch

diff --git a/styleguide/section-5.html b/styleguide/section-5.html
index 551bf93..ff9d6a3 100644
--- a/styleguide/section-5.html
+++ b/styleguide/section-5.html
@@ -478,22 +478,22 @@ exclamation point on the content found there.</p>
 
 
             <div class="kss-modifier__example">
-              <div class="has-hand">
-  <div class="panel panel--cta">
-    <h2 class="title-1 panel--cta__title">This panel has a hand.</h2>
-    <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p>
-    <a href="" class="button button--primary">Call to Action</a>
+              <div class="panel panel--light panel--fullbleed">
+  <div class="panel__content">
+    <h2 class="panel__title">Light Fullbleed Panel</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p>
+    <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p>
   </div>
 </div>
             </div>
 
           </div>
             <div class="kss-markup kss-style">
-              <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;has-hand&quot;&gt;
-  &lt;div class&#x3D;&quot;panel panel--cta&quot;&gt;
-    &lt;h2 class&#x3D;&quot;title-1 panel--cta__title&quot;&gt;This panel has a hand.&lt;/h2&gt;
-    &lt;p class&#x3D;&quot;panel--cta__copy&quot;&gt;Eaque ullam fuga optio accusamus voluptatum!&lt;/p&gt;
-    &lt;a href&#x3D;&quot;&quot; class&#x3D;&quot;button button--primary&quot;&gt;Call to Action&lt;/a&gt;
+              <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;panel panel--light panel--fullbleed&quot;&gt;
+  &lt;div class&#x3D;&quot;panel__content&quot;&gt;
+    &lt;h2 class&#x3D;&quot;panel__title&quot;&gt;Light Fullbleed Panel&lt;/h2&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.&lt;/p&gt;
+    &lt;p&gt;Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.&lt;/p&gt;
   &lt;/div&gt;
 &lt;/div&gt;</code></pre>
             </div>
@@ -540,22 +540,22 @@ exclamation point on the content found there.</p>
 
 
             <div class="kss-modifier__example">
-              <div class="has-hand">
-  <div class="panel panel--cta">
-    <h2 class="title-1 panel--cta__title">This panel has a hand.</h2>
-    <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p>
-    <a href="" class="button button--primary">Call to Action</a>
+              <div class="panel panel--light panel--fullbleed">
+  <div class="panel__content">
+    <h2 class="panel__title">Light Fullbleed Panel</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p>
+    <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p>
   </div>
 </div>
             </div>
 
           </div>
             <div class="kss-markup kss-style">
-              <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;has-hand&quot;&gt;
-  &lt;div class&#x3D;&quot;panel panel--cta&quot;&gt;
-    &lt;h2 class&#x3D;&quot;title-1 panel--cta__title&quot;&gt;This panel has a hand.&lt;/h2&gt;
-    &lt;p class&#x3D;&quot;panel--cta__copy&quot;&gt;Eaque ullam fuga optio accusamus voluptatum!&lt;/p&gt;
-    &lt;a href&#x3D;&quot;&quot; class&#x3D;&quot;button button--primary&quot;&gt;Call to Action&lt;/a&gt;
+              <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;panel panel--light panel--fullbleed&quot;&gt;
+  &lt;div class&#x3D;&quot;panel__content&quot;&gt;
+    &lt;h2 class&#x3D;&quot;panel__title&quot;&gt;Light Fullbleed Panel&lt;/h2&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.&lt;/p&gt;
+    &lt;p&gt;Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.&lt;/p&gt;
   &lt;/div&gt;
 &lt;/div&gt;</code></pre>
             </div>