diff --git a/styleguide/item-base-elements-byline.html b/styleguide/item-base-elements-byline.html
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/styleguide/item-base-elements-byline.html
@@ -0,0 +1 @@
+
diff --git a/styleguide/section-base.html b/styleguide/section-base.html
index 02fb92c..6a6c8d4 100644
--- a/styleguide/section-base.html
+++ b/styleguide/section-base.html
@@ -46,14 +46,20 @@
                         </a>
                     </li>
                                         <li class="kss-nav__menu-item">
-                                                <a class="kss-nav__menu-link" href="section-base.html#kssref-base-elements-rule">
+                                                <a class="kss-nav__menu-link" href="section-base.html#kssref-base-elements-byline">
                                                     <!-- <span class="kss-nav__ref">2.2.1</span> -->
+                            Byline
+                        </a>
+                    </li>
+                                        <li class="kss-nav__menu-item">
+                                                <a class="kss-nav__menu-link" href="section-base.html#kssref-base-elements-rule">
+                                                    <!-- <span class="kss-nav__ref">2.2.2</span> -->
                             Rule
                         </a>
                     </li>
                                         <li class="kss-nav__menu-item">
                                                 <a class="kss-nav__menu-link" href="section-base.html#kssref-base-elements-titles">
-                                                    <!-- <span class="kss-nav__ref">2.2.2</span> -->
+                                                    <!-- <span class="kss-nav__ref">2.2.3</span> -->
                             Titles
                         </a>
                     </li>
@@ -379,6 +385,38 @@
   </>
 
 
+  <!-- Section -->
+    <section id="" class="kss-section kss-section--depth-3 ">
+  <a name="kssref-base-elements-byline"></a>
+        <div class="kss-pattern"><!-- kss-pattern -->
+          <!-- Header -->
+          <div class="kss-pattern__header"><!-- kss-pattern__header -->
+            <a class="kss-code-toggle" href="#base-elements-byline">Info</a>
+                        <h3 class="kss-title">
+                                <a class="kss-link" href="#kssref-base-elements-byline">2.2.1
+                                    Byline
+                </a>
+              </>
+              <!-- Description -->
+                          </div><!-- kss-pattern__header -->
+            <!-- Parameters -->
+            
+                          <!-- Example -->
+                                    <div id="base-elements-byline" class="kss-pattern-code"><!-- kss-pattern-code -->
+            <a class="kss-code-toggle" href="#base-elements-byline">Close</a>
+            <!-- Source -->
+                          <div class="kss-source kss-style">
+                <b>Source</b><br>
+                <code>agaric/_base.elements.scss</code>, line
+                80
+              </div>
+                        <!-- Markup -->
+                                                </div><!-- kss-pattern-code -->
+      </div><!-- kss-pattern -->
+
+  </>
+
+
   <!-- Section -->
     <section id="" class="kss-section kss-section--depth-3 ">
   <a name="kssref-base-elements-rule"></a>
@@ -387,7 +425,7 @@
           <div class="kss-pattern__header"><!-- kss-pattern__header -->
             <a class="kss-code-toggle" href="#base-elements-rule">Info</a>
                         <h3 class="kss-title">
-                                <a class="kss-link" href="#kssref-base-elements-rule">2.2.1
+                                <a class="kss-link" href="#kssref-base-elements-rule">2.2.2
                                     Rule
                 </a>
               </>
@@ -423,7 +461,7 @@
           <div class="kss-pattern__header"><!-- kss-pattern__header -->
             <a class="kss-code-toggle" href="#base-elements-titles">Info</a>
                         <h3 class="kss-title">
-                                <a class="kss-link" href="#kssref-base-elements-titles">2.2.2
+                                <a class="kss-link" href="#kssref-base-elements-titles">2.2.3
                                     Titles
                 </a>
               </>