diff --git a/branding/index.html b/branding/index.html
index 7e8bf48..7ab90ed 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -33,7 +33,7 @@
             <a class="nav-item nav-link active" href="#">Branding<span class="sr-only">(current)</span></a>
             <a class="nav-item nav-link" href="../tavern/">Tavern</a>
             <a class="nav-item nav-link" href="../swarm/">Swarm</a>
-            <a class="nav-item nav-link" href="../branding/">Governance</a>
+            <a class="nav-item nav-link" href="../governance/">Governance</a>
           </div>
         </div>
       </div>
@@ -161,13 +161,39 @@
               <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
             </div>
           </div>
+          <hr class="content">
           <!--/colors-->
 
           <!--fonts-->
-          
+          <h2 class="my-4">Fonts &amp; Typography</h2>
+          <div class="row mb-3">
+            <div class="col-md-6 col-lg-6">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <h1>H1</h1>
+                  <h2>H2</h2>
+                  <h3>H3</h3>
+                </div>
+              </div>
+              <p class="text-center">Google Fonts: <a href="https://fonts.google.com/specimen/Oxygen" target="_blank">Oxygen</a></p>
+            </div>
+
+            <div class="col-md-6 col-lg-6">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+                   ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in 
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."   
+                </div>
+              </div>
+              <p class="text-center">Google Fonts: <a href="https://fonts.google.com/specimen/Oxygen" target="_blank">Oxygen</a></p>
+            </div>
+          </div>
           <!--/fonts-->
         </div>
-        
+
         <!-- footer -->
         <div class="container-fluid above-parallax">
           <div class="row py-3">