diff --git a/src/porchlight/static/style.css b/src/porchlight/static/style.css
index 7c32697..17319ff 100644
--- a/src/porchlight/static/style.css
+++ b/src/porchlight/static/style.css
@@ -146,6 +146,24 @@ main {
     border-bottom-color: var(--accent);
 }
 
+.nav-logout {
+    margin-left: auto;
+    background: none;
+    border: none;
+    color: var(--fg-muted);
+    font: inherit;
+    font-weight: 500;
+    font-size: var(--font-size-sm);
+    cursor: pointer;
+    padding: 0;
+    padding-bottom: var(--sp-3);
+    transition: color 0.15s ease;
+}
+
+.nav-logout:hover {
+    color: var(--fg);
+}
+
 /* ---------- Admin ---------- */
 
 .admin-nav {
diff --git a/src/porchlight/templates/admin/base.html b/src/porchlight/templates/admin/base.html
index d838751..686a815 100644
--- a/src/porchlight/templates/admin/base.html
+++ b/src/porchlight/templates/admin/base.html
@@ -4,6 +4,7 @@
 <nav class="admin-nav" aria-label="Administration">
     <span class="admin-badge">Admin</span>
     <a href="/admin/users" {% if active_page == "users" %}aria-current="page"{% endif %}>Users</a>
+    <button class="nav-logout" hx-post="/logout">Log out</button>
 </nav>
 {% block admin_content %}{% endblock %}
 {% endblock %}
diff --git a/src/porchlight/templates/manage/base.html b/src/porchlight/templates/manage/base.html
index 7096033..cb24254 100644
--- a/src/porchlight/templates/manage/base.html
+++ b/src/porchlight/templates/manage/base.html
@@ -5,6 +5,7 @@
     <a href="/manage/profile" {% if active_page == "profile" %}aria-current="page"{% endif %}>Profile</a>
     <a href="/manage/credentials" {% if active_page == "credentials" %}aria-current="page"{% endif %}>Credentials</a>
     {% if is_admin %}<a href="/admin/users">Admin</a>{% endif %}
+    <button class="nav-logout" hx-post="/logout">Log out</button>
 </nav>
 {% block manage_content %}{% endblock %}
 {% endblock %}