diff --git a/package-lock.json b/package-lock.json
index 5922519..8408369 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@inrupt/solid-client-authn-browser": "^4.0.0",
         "@inrupt/solid-client-authn-node": "^3.1.1",
         "@mind-studio/core": "^0.7.0",
-        "@mind-studio/ui": "^0.4.0",
+        "@mind-studio/ui": "^0.7.0",
         "better-sqlite3": "^11.8.1",
         "dotenv": "^17.4.2",
         "next": "16.2.6",
@@ -1517,9 +1517,9 @@
       }
     },
     "node_modules/@mind-studio/ui": {
-      "version": "0.4.0",
-      "resolved": "https://npm.pkg.github.com/download/@mind-studio/ui/0.4.0/4d57829589aba38f8123b53c858598ed84db4910",
-      "integrity": "sha512-GOMaHU1tR8z0JIOnOHMJBLcYDItcUuYVuxgBmsBXGoipoSxrknzVnarqiR/7Wm26AWkQ7ISyzDkDcFot6jTgyQ==",
+      "version": "0.7.0",
+      "resolved": "https://npm.pkg.github.com/download/@mind-studio/ui/0.7.0/70071acee41c5d7bcc3bed636a6473e35dac9f6a",
+      "integrity": "sha512-PvkztbjfiFM7W8Zk0/rWYlMn26DiIakuhBQfxphi5les6J6eo9W7zZzLhbGpEp7ytB1+SaKev95ZFOxVhKx6cw==",
       "license": "MIT",
       "dependencies": {
         "@base-ui/react": "^1.5.0",
diff --git a/package.json b/package.json
index d0e428b..738a13a 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "@inrupt/solid-client-authn-browser": "^4.0.0",
     "@inrupt/solid-client-authn-node": "^3.1.1",
     "@mind-studio/core": "^0.7.0",
-    "@mind-studio/ui": "^0.4.0",
+    "@mind-studio/ui": "^0.7.0",
     "better-sqlite3": "^11.8.1",
     "dotenv": "^17.4.2",
     "next": "16.2.6",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3c753b..eb9b3a9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import { MindLoginCard, writeLastIdentity } from "@mind-studio/core";
+import { Logo } from "@mind-studio/ui";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
-import { BrandMark } from "@/components/TopBar";
 import { APP_NAME, oidcIssuer } from "@/lib/config";
 import { hueFor } from "@/lib/dock/accents";
 import { useSession } from "@/lib/solid/session";
@@ -34,8 +34,7 @@ export default function LandingPage() {
   return (
     <main className="mx-auto flex min-h-screen max-w-5xl flex-col px-6 pb-16">
       <header className="reveal flex items-center gap-2.5 py-7">
-        <BrandMark />
-        <span className="font-display text-lg font-semibold tracking-tight">Mind Dock</span>
+        <Logo />
       </header>
 
       <section className="grid flex-1 items-center gap-12 lg:grid-cols-[1.05fr_1fr]">
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index 8524c03..a914609 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -11,27 +11,11 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  Logo,
   useMindTheme,
 } from "@mind-studio/ui";
 import Link from "next/link";
 
-export function BrandMark({ size = 32 }: { size?: number }) {
-  return (
-    <span
-      className="grid shrink-0 place-items-center rounded-xl bg-primary text-primary-foreground"
-      style={{
-        width: size,
-        height: size,
-        fontSize: size * 0.5,
-        boxShadow:
-          "0 0 0 1px color-mix(in oklch, white 10%, transparent), 0 6px 18px -6px var(--primary)",
-      }}
-    >
-      ✦
-    </span>
-  );
-}
-
 export function ThemeToggle() {
   const { resolvedMode, setMode } = useMindTheme();
   const dark = resolvedMode !== "light";
@@ -66,8 +50,7 @@ export function TopBar({
     <header className="sticky top-0 z-30 border-b border-[color:var(--border)] glass-panel">
       <div className="mx-auto flex max-w-5xl items-center justify-between px-6 py-3.5">
         <Link href="/dock" className="flex items-center gap-2.5">
-          <BrandMark />
-          <span className="font-display text-[19px] font-semibold tracking-tight">Mind Dock</span>
+          <Logo />
         </Link>
         <div className="flex items-center gap-1">
           <MindAppLauncher podRoot={podRoot ?? undefined} podFetch={podFetch} manageHref="/dock" />