diff --git a/crates/lanspread-tauri-deno-ts/src/components/Brand.tsx b/crates/lanspread-tauri-deno-ts/src/components/Brand.tsx
index ee13e8b..9c887c0 100644
--- a/crates/lanspread-tauri-deno-ts/src/components/Brand.tsx
+++ b/crates/lanspread-tauri-deno-ts/src/components/Brand.tsx
@@ -8,7 +8,11 @@ interface Props {
 export const Brand = ({ accent, peerCount }: Props) => (
     <div className="brand">
         <LiveLogo className="brand-mark" accent={accent} size={28} />
-        <div className="brand-name">SoftLAN</div>
+        {/* Two-tone wordmark per design/logo/INTEGRATION.md: "Soft" in --t-1,
+            "LAN" always in the accent. */}
+        <div className="brand-name">
+            Soft<span className="brand-name-lan">LAN</span>
+        </div>
         {peerCount > 0 && (
             <span
                 className="brand-peers"
diff --git a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
index 1099337..e5c6947 100644
--- a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
+++ b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css
@@ -154,10 +154,15 @@
   overflow: visible;
 }
 .brand-name {
+  font-family: var(--font-ui);
   font-weight: 700;
   font-size: 15px;
-  letter-spacing: -0.005em;
-  color: var(--t-1);
+  letter-spacing: -0.01em;
+  color: var(--t-1); /* "Soft" — #e6edf3 on dark UI */
+}
+/* "LAN" is always the accent (per the logo wordmark spec). */
+.brand-name-lan {
+  color: var(--accent);
 }
 
 /* Peer count chip in brand area */