diff --git a/web/public/assets/ghost_writer_logo.png b/web/public/assets/ghost_writer_logo.png
new file mode 100644
index 0000000..14c9e4e
Binary files /dev/null and b/web/public/assets/ghost_writer_logo.png differ
diff --git a/web/src/views/CreateJoin.vue b/web/src/views/CreateJoin.vue
index 2861f53..0226732 100644
--- a/web/src/views/CreateJoin.vue
+++ b/web/src/views/CreateJoin.vue
@@ -1,6 +1,14 @@
 <template>
 	<div id="CreateJoinGame" class="maximize view">
-		<h1>Ghost Writer Online</h1>
+		<div class="centre" id="logo-header">
+			<a href="http://playghostwriter.com" target="_blank" rel="noopener">
+				<img
+					src="/assets/ghost_writer_logo.png"
+					alt="Ghost Writer Logo"
+					height="200"
+				>
+			</a>
+		</div>
 		<button
 			@click.stop="createGame()"
 		>Create Game</button>
@@ -149,6 +157,10 @@ export default {
 	align-items: center;
 }
 
+#logo-header {
+	margin-top: 10vh;
+}
+
 button {
 	background-color: var(--background2);
 	color: var(--background2-text);
diff --git a/web/src/views/Lobby.vue b/web/src/views/Lobby.vue
index 00e22f0..d5cc05c 100644
--- a/web/src/views/Lobby.vue
+++ b/web/src/views/Lobby.vue
@@ -1,6 +1,14 @@
 <template>
 	<div id="GameLobby" class="maximize view">
-		<h1 class="centre">Ghost Writer Online</h1>
+		<div class="centre" id="logo-header">
+			<a href="http://playghostwriter.com" target="_blank" rel="noopener">
+				<img
+					src="/assets/ghost_writer_logo.png"
+					alt="Ghost Writer Logo"
+					height="150px"
+				>
+			</a>
+		</div>
 		<div class="flex-row">
 			<button
 				class="clickable"
@@ -138,6 +146,10 @@ export default {
 	display: flex;
 }
 
+#logo-header {
+	margin-top: 5vh;
+}
+
 .flex-row {
 	justify-content: center;
 	align-items: stretch;