diff --git a/app/pages/coming-soon.vue b/app/pages/coming-soon.vue
index 0ae7e6b..37702d1 100644
--- a/app/pages/coming-soon.vue
+++ b/app/pages/coming-soon.vue
@@ -1,23 +1,23 @@
 <template>
   <div class="min-h-screen w-full flex flex-col items-center justify-center px-4">
-    <h1 class="text-display-xl font-bold mb-2">Ghost Guild</h1>
-    <p class="text-display-sm text-guild-400 mb-10">Coming Soon</p>
+    <h1 class="text-display-xl font-bold mb-2 font-sans">Ghost Guild</h1>
+    <p v-if="!isAuthenticated" class="text-display-sm text-guild-400 mb-10 font-sans">Coming Soon</p>
 
     <!-- Logged-in state -->
-    <div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center">
-      <p class="text-guild-200">
-        Welcome back, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
+    <div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
+      <p class="text-guild-200 font-sans">
+        Welcome, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
+        <button
+          class="text-sm text-guild-400 hover:text-guild-200 underline transition-colors ml-2"
+          @click="handleLogout">
+          Sign out
+        </button>
       </p>
       <a
         href="https://wiki.ghostguild.org"
-        class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors">
+        class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors font-sans">
         Go to Wiki
       </a>
-      <button
-        class="text-sm text-guild-400 hover:text-guild-200 transition-colors"
-        @click="handleLogout">
-        Sign out
-      </button>
     </div>
 
     <!-- Login form -->