diff --git a/css/ui.css b/css/ui.css
index 48df267c..6a3598ec 100644
--- a/css/ui.css
+++ b/css/ui.css
@@ -386,3 +386,10 @@ div.markdown th {
   font-weight:bold;
   background-color:#333;
 }
+.logo-gradient {
+  font-size: 1.5em;
+  background: linear-gradient(to right, #ff9999, #ffff99, #99ff99, #99ffff);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color:rgba(0,0,0,0);
+}
diff --git a/index.html b/index.html
index f7326982..c3822037 100644
--- a/index.html
+++ b/index.html
@@ -167,6 +167,8 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
   </span>
   
   <span class="dropdown" style="float:right">
+    <span class="logo-gradient hidden-xs hidden-sm">8bitworkshop</span>
+    &nbsp;
     <a class="btn btn-secondary dropdown-toggle" id="booksMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       GET BOOKS <span class="caret"></span>
     </a>