diff --git a/config/urls.py b/config/urls.py
index c132e6e..2649b41 100644
--- a/config/urls.py
+++ b/config/urls.py
@@ -32,6 +32,7 @@ urlpatterns = [
     url(r'^contact/$', contact, name='contact'),
 
     url(r'^api/v1/', include(router.urls, namespace='v1')),
+    url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework')),
     url(r'^blog/$', blog, name='contact'),
     url(r'^blog/rss/$', BlogFeed()),
     url(r'^blog/(?P<slug>[0-9A-Za-z_\-]+)/$', blog, name='blog-item'),
diff --git a/mhackspace/templates/base.html b/mhackspace/templates/base.html
index 453a142..11f0cf9 100644
--- a/mhackspace/templates/base.html
+++ b/mhackspace/templates/base.html
@@ -44,8 +44,8 @@
             aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
-    <a class="navbar-brand" href="/">
-      <img src="/static/images/logo.svg" alt="Maidstone Hackspace Logo" id="navbar-logo">
+    <a class="navbar-brand" href="{% url "home" %}">
+      <img src="{% static "images/logo.svg" %}" alt="Maidstone Hackspace Logo" id="navbar-logo">
       Maidstone Hackspace
     </a>
 
diff --git a/mhackspace/templates/rest_framework/api.html b/mhackspace/templates/rest_framework/api.html
new file mode 100644
index 0000000..3af4514
--- /dev/null
+++ b/mhackspace/templates/rest_framework/api.html
@@ -0,0 +1,23 @@
+{% extends "rest_framework/base.html" %}
+{% load static %}
+
+{% block title %}
+  Maidstone Hackspace API
+{% endblock %}
+
+{% block branding %}
+  <style>
+  #logo {
+    height: 100%;
+    display: inline-block;
+    vertical-align: top;
+  }
+  #logo:hover {
+    transform: rotate(360deg);
+  }
+  </style>
+  <a class="navbar-brand" href="{% url "home" %}">
+    <img src="{% static "images/logo.svg" %}" alt="Maidstone Hackspace Logo" id="logo">
+    Maidstone Hackspace API
+  </a>
+{% endblock %}
diff --git a/mhackspace/templates/rest_framework/login.html b/mhackspace/templates/rest_framework/login.html
new file mode 100644
index 0000000..1e67288
--- /dev/null
+++ b/mhackspace/templates/rest_framework/login.html
@@ -0,0 +1,13 @@
+{% extends "rest_framework/login.html" %}
+{% load static %}
+
+{% block title %}
+  Maidstone Hackspace API
+{% endblock %}
+
+{% block branding %}
+  <a href="{% url "home" %}" style="color: black; text-align: center">
+    <img src="{% static "images/logo.svg" %}" alt="Maidstone Hackspace Logo" class="center-block">
+    <h3>Maidstone Hackspace API</h3>
+  </a>
+{% endblock %}