diff --git a/branding.html b/branding.html
new file mode 100644
index 0000000..2407edb
--- /dev/null
+++ b/branding.html
@@ -0,0 +1,82 @@
+---
+title : Branding Assets
+subhead : Download official LBRY Foundation branding assets✏️📏🖌️.
+bg-image : "../img/foundation-branding-background-art.png"
+layout : default
+permalink : /branding/
+---
+
+
+ <h2 class="display-4 text-center my-5 text-white">LBRY Branding</h2>
+          <hr class="subhead">
+          <div class="container">
+            <img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+          </div>
+          
+          <p class="text-center"><a href="./assets/assets.rar"><small class="text-muted text-center"><i class="fas fa-download"></i> Download Logo</small></a></p>
+          <hr class="content">
+
+          <!--logo-->
+          <h2 class="my-4 text-center" id="logo">Logo</h2>
+          <div class="row text-white">
+            <div class="col-md-5 col-lg-3 col-xl-3 mx-auto">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+                </div>
+              </div>
+            </div>
+          </div>
+          <hr class="content">
+          <!--/logo-->
+         
+          <!--colors-->
+          <h2 class="my-4 text-center" id="colors">Colors</h2>
+          <div class="row col-md-6 col-lg-4 text-white mx-auto">  
+            <div class="col-md-6 col-lg-6 mx-auto text-center">
+              <div class="card mb-1 lbry-teal-green">
+                <div class="card-body">
+                </div>
+              </div>
+              <code style="color: #FFFFFF;" class="text-center">#28d4e2 <br> rgb(40, 212, 226) <br> 	hsl(185, 76%, 52%) <br> 	hwb(185, 16%, 11%) <br> 	C8, 16%, 11%</code>
+            </div>
+
+            <div class="col-md-6 col-lg-6 mx-auto text-center">
+              <div class="card mb-1 lbry-dark-green">
+                <div class="card-body">
+                </div>
+              </div>
+              <code style="color: #FFFFFF;" class="text-center">#00343e <br> rgb(0,52,62) <br> hsl(192, 100%, 12%) <br> hwb(192, 0%, 76%) <br> C20, 0%, 76%</code>
+            </div>
+          </div>
+          <hr class="content">
+          <!--/colors-->
+
+          <!--fonts-->
+          <h2 class="my-4 text-center" id="fonts">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-->