diff --git a/styles/picnic-customizations/_custom.scss b/styles/picnic-customizations/_custom.scss
index 93d1b36..df19bba 100644
--- a/styles/picnic-customizations/_custom.scss
+++ b/styles/picnic-customizations/_custom.scss
@@ -18,6 +18,13 @@ nav {
   position: relative;
 }
 
+footer nav {
+  .links {
+    @extend .brand;
+    font-weight: unset;
+  }
+}
+
 // External links
 // a[href^="http://"]:not([href*="localhost"]):not([href*="guts.plus"]):after,
 // a[href^="https://"]:not([href*="localhost"]):not([href*="guts.plus"]):after{
diff --git a/views/partials/footer.hbs b/views/partials/footer.hbs
index 27ef13b..6fe1c2d 100644
--- a/views/partials/footer.hbs
+++ b/views/partials/footer.hbs
@@ -1,3 +1,8 @@
 <footer>
-  <p>test footer</p>
+  <nav>
+    <div class="links">
+      <a href="https://gitlab.com/Alamantus/book-tracker" class="pseudo button">Repo</a>
+      <a href="https://gitter.im/book-tracker/general" class="pseudo button">Chat</a>
+    </div>
+  </nav>
 </footer>
diff --git a/views/partials/header.hbs b/views/partials/header.hbs
index 273421e..559d12d 100644
--- a/views/partials/header.hbs
+++ b/views/partials/header.hbs
@@ -2,7 +2,7 @@
   <nav>
     <div class="brand">
       <a href="./">
-        <h1>Unnamed Book Tracker</h1>
+        <span class="title">Unnamed Book Tracker</span>
       </a>
     </div>
 
@@ -16,8 +16,8 @@
           <input type="text" id="headerSearchBar" name="for" placeholder="Search" value="{{searchTerm}}">
         </label>
       </form>
-      <a href="https://gitlab.com/Alamantus/book-tracker" class="pseudo button">Repo</a>
-      <a href="https://gitter.im/book-tracker/general" class="pseudo button">Chat</a>
+      <a href="/login" class="pseudo button">Log In</a>
+      <a href="/logout" class="pseudo button">Log Out</a>
     </div>
   </nav>
 </header>