diff --git a/BRANDING.md b/BRANDING.md
index a8f3bb41b..1a3fcd3f0 100644
--- a/BRANDING.md
+++ b/BRANDING.md
@@ -53,13 +53,13 @@
 
 The logo SVG is a **mark on a black (#000000) background**, rendered at 1024×1024.
 
-| Property                  | Value                                              |
-| ------------------------- | -------------------------------------------------- |
-| **Logo Mark Description** | `[TBD — describe the mark/symbol]`                 |
-| **Logo Colors**           | Black background (#000000) + `[TBD — mark colors]` |
-| **Minimum Size**          | `[TBD]`                                            |
-| **Clear Space**           | `[TBD]`                                            |
-| **Usage Guidelines**      | `[TBD]`                                            |
+| Property                  | Value                                                                            |
+| ------------------------- | -------------------------------------------------------------------------------- |
+| **Logo Mark Description** | Interlaced white knot mark on a black square background                          |
+| **Logo Colors**           | Black background (#000000) + white mark (#FFFFFF)                                |
+| **Minimum Size**          | 24px for the mark alone                                                          |
+| **Clear Space**           | At least one mark width on all sides                                             |
+| **Usage Guidelines**      | Use the mark asset for brand surfaces; avoid generic icons or placeholder glyphs |
 
 ---
 
diff --git a/apps/marketing/app/dashboard/page.tsx b/apps/marketing/app/dashboard/page.tsx
index 31915b23a..31c4579d7 100644
--- a/apps/marketing/app/dashboard/page.tsx
+++ b/apps/marketing/app/dashboard/page.tsx
@@ -1,7 +1,7 @@
 import { DashboardLayout } from "@/components/dashboard/dashboard-layout";
 
 export const metadata = {
-  title: "Dashboard | Sprint",
+  title: "Dashboard | OK Code",
   description: "Manage your projects, issues, and workflows in one place.",
 };
 
diff --git a/apps/marketing/components/Nav.tsx b/apps/marketing/components/Nav.tsx
index 722277e0e..85c36dfb7 100644
--- a/apps/marketing/components/Nav.tsx
+++ b/apps/marketing/components/Nav.tsx
@@ -1,4 +1,5 @@
 import { ExternalLink } from "./ExternalLink";
+import { OkCodeLogo } from "./OkCodeLogo";
 import { LINKS } from "./links";
 
 export function Nav() {
@@ -6,8 +7,7 @@ export function Nav() {
     <nav className="fixed top-0 z-40 w-full">
       <div className="mx-auto flex max-w-6xl items-center justify-between px-6 py-5">
         <a href="/" className="flex items-center gap-2 text-foreground no-underline">
-          <img src="/icon.svg" alt="OK Code" width={24} height={24} className="rounded-md" />
-          <span className="text-[15px] font-semibold tracking-tight">OK Code</span>
+          <OkCodeLogo />
         </a>
 
         <div className="flex items-center gap-6">
diff --git a/apps/marketing/components/OkCodeLogo.tsx b/apps/marketing/components/OkCodeLogo.tsx
new file mode 100644
index 000000000..628629cf3
--- /dev/null
+++ b/apps/marketing/components/OkCodeLogo.tsx
@@ -0,0 +1,37 @@
+type OkCodeMarkProps = {
+  className?: string;
+};
+
+type OkCodeLogoProps = {
+  className?: string;
+  textClassName?: string;
+};
+
+export function OkCodeMark({ className = "w-6 h-6" }: OkCodeMarkProps) {
+  return (
+    <svg aria-hidden="true" viewBox="0 0 180 180" fill="none" className={`shrink-0 ${className}`}>
+      <g transform="scale(0.95 0.95) translate(4.5 4.5)">
+        <path
+          d="M101.141 53H136.632C151.023 53 162.689 64.6662 162.689 79.0573V112.904H148.112V79.0573C148.112 78.7105 148.098 78.3662 148.072 78.0251L112.581 112.898C112.701 112.902 112.821 112.904 112.941 112.904H148.112V126.672H112.941C98.5504 126.672 86.5638 114.891 86.5638 100.5V66.7434H101.141V100.5C101.141 101.15 101.191 101.792 101.289 102.422L137.56 66.7816C137.255 66.7563 136.945 66.7434 136.632 66.7434H101.141V53Z"
+          fill="currentColor"
+        />
+        <path
+          d="M65.2926 124.136L14 66.7372H34.6355L64.7495 100.436V66.7372H80.1365V118.47C80.1365 126.278 70.4953 129.958 65.2926 124.136Z"
+          fill="currentColor"
+        />
+      </g>
+    </svg>
+  );
+}
+
+export function OkCodeLogo({
+  className = "w-6 h-6",
+  textClassName = "text-[15px] font-semibold tracking-tight",
+}: OkCodeLogoProps) {
+  return (
+    <span className="inline-flex items-center gap-2">
+      <OkCodeMark className={className} />
+      <span className={textClassName}>OK Code</span>
+    </span>
+  );
+}
diff --git a/apps/marketing/components/ai-section.tsx b/apps/marketing/components/ai-section.tsx
index 06ad1d7ba..d0dc5c22d 100644
--- a/apps/marketing/components/ai-section.tsx
+++ b/apps/marketing/components/ai-section.tsx
@@ -60,7 +60,7 @@ export function AISection() {
             transition={{ duration: 0.6, delay: 0.2 }}
             className="text-muted-foreground max-w-lg mb-10 text-lg"
           >
-            <span className="text-foreground font-medium">Sprint for Agents.</span> Choose from a
+            <span className="text-foreground font-medium">OK Code for Agents.</span> Choose from a
             variety of AI agents and start delegating work, from code generation to other technical
             tasks.
           </motion.p>
@@ -301,21 +301,22 @@ export function AISection() {
 
               {/* Right column - Use semantic tokens */}
               <div className="border-t border-b border-border/60 pt-12 pl-12 pb-16">
-                <h3 className="text-secondary-foreground font-bold text-2xl mb-4">Sprint MCP</h3>
-                <p className="text-muted-foreground text-lg mb-8">
-                  Connect Sprint to your favorite tools including Cursor, Claude, ChatGPT, and more.
+                <h3 className="text-secondary-foreground font-medium text-xl mb-3">OK Code MCP</h3>
+                <p className="text-muted-foreground text-base mb-8">
+                  Connect OK Code to your favorite tools including Cursor, Claude, ChatGPT, and
+                  more.
                 </p>
 
                 {/* MCP Code Snippet - Use semantic tokens for code syntax */}
-                <div className="bg-card/30 border border-border/60 rounded-3xl p-6 font-mono text-sm">
-                  <p className="text-muted-foreground/70 mb-3">{"//mcp.sprint.app/sse"}</p>
+                <div className="bg-card/30 border border-border/60 rounded-xl p-5 font-mono text-sm">
+                  <p className="text-muted-foreground/70 mb-3">{"//mcp.okcode.app/sse"}</p>
                   <div className="space-y-1 mb-6">
                     <p>
                       <span className="text-code-constant/70">"mcpServers"</span>
                       <span className="text-muted-foreground">: {"{"}</span>
                     </p>
                     <p className="pl-4">
-                      <span className="text-code-constant/70">"sprint"</span>
+                      <span className="text-code-constant/70">"okcode"</span>
                       <span className="text-muted-foreground">: {"{"}</span>
                     </p>
                     <p className="pl-8">
diff --git a/apps/marketing/components/dashboard-mockup.tsx b/apps/marketing/components/dashboard-mockup.tsx
index 42726dcd8..eb4642b7e 100644
--- a/apps/marketing/components/dashboard-mockup.tsx
+++ b/apps/marketing/components/dashboard-mockup.tsx
@@ -14,7 +14,6 @@ import {
   FileText,
   ChevronDown,
   ChevronRight,
-  CirclePower,
   Search,
   Plus,
   Link2,
@@ -23,6 +22,7 @@ import {
   Settings,
   HelpCircle,
 } from "lucide-react";
+import { OkCodeMark } from "./OkCodeLogo";
 
 export function DashboardMockup() {
   const containerVariants = {
@@ -67,8 +67,8 @@ export function DashboardMockup() {
         {/* Logo */}
         <div className="p-3 border-b border-border/50">
           <div className="flex items-center gap-2 px-2 py-1.5">
-            <CirclePower className="w-5 h-5 text-foreground" />
-            <span className="text-foreground font-semibold text-sm">Sprint</span>
+            <OkCodeMark className="w-5 h-5 text-foreground" />
+            <span className="text-foreground font-semibold text-sm">OK Code</span>
             <ChevronDown className="w-3.5 h-3.5 text-muted-foreground ml-auto" />
           </div>
         </div>
diff --git a/apps/marketing/components/dashboard/dashboard-mobile-header.tsx b/apps/marketing/components/dashboard/dashboard-mobile-header.tsx
index 09c6df575..9e7647cc2 100644
--- a/apps/marketing/components/dashboard/dashboard-mobile-header.tsx
+++ b/apps/marketing/components/dashboard/dashboard-mobile-header.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Menu, Plus, Search, Bell } from "lucide-react";
-import { CirclePower } from "lucide-react";
+import { OkCodeMark } from "../OkCodeLogo";
 
 interface DashboardMobileHeaderProps {
   onMenuToggle: () => void;
@@ -34,9 +34,7 @@ export function DashboardMobileHeader({
           <Menu className="w-5 h-5" />
         </button>
         <div className="flex items-center gap-2">
-          <div className="w-7 h-7 rounded bg-gradient-to-br from-brand to-highlight flex items-center justify-center">
-            <CirclePower className="w-4 h-4 text-brand-foreground" />
-          </div>
+          <OkCodeMark className="w-5 h-5 text-foreground" />
           <span className="text-foreground font-medium">{viewTitle}</span>
         </div>
       </div>
diff --git a/apps/marketing/components/dashboard/dashboard-sidebar.tsx b/apps/marketing/components/dashboard/dashboard-sidebar.tsx
index 75a548278..bb70b5dac 100644
--- a/apps/marketing/components/dashboard/dashboard-sidebar.tsx
+++ b/apps/marketing/components/dashboard/dashboard-sidebar.tsx
@@ -20,13 +20,13 @@ import {
   Plus,
   Settings,
   Bell,
-  CirclePower,
   PanelLeftClose,
   PanelLeft,
   Command,
   Home,
   X,
 } from "lucide-react";
+import { OkCodeMark } from "../OkCodeLogo";
 
 interface DashboardSidebarProps {
   activeView: string;
@@ -60,9 +60,9 @@ export function DashboardSidebar({
 
         <Link
           href="/"
-          className="w-8 h-8 rounded bg-gradient-to-br from-brand to-highlight flex items-center justify-center mt-2 hover:opacity-90 transition-opacity"
+          className="w-8 h-8 rounded mt-2 hover:opacity-90 transition-opacity inline-flex items-center justify-center text-foreground"
         >
-          <CirclePower className="w-4 h-4 text-brand-foreground" />
+          <OkCodeMark className="w-5 h-5" />
         </Link>
 
         <div className="flex-1 flex flex-col items-center gap-1 mt-4">
@@ -123,10 +123,8 @@ export function DashboardSidebar({
       <div className="p-3">
         <div className="flex items-center justify-between mb-3">
           <Link href="/" className="flex items-center gap-2 hover:opacity-90 transition-opacity">
-            <div className="w-6 h-6 rounded bg-gradient-to-br from-brand to-highlight flex items-center justify-center">
-              <CirclePower className="w-3.5 h-3.5 text-brand-foreground" />
-            </div>
-            <span className="text-foreground font-medium">Sprint</span>
+            <OkCodeMark className="w-6 h-6 text-foreground" />
+            <span className="text-foreground font-medium">OK Code</span>
             <ChevronDown className="w-3.5 h-3.5 text-muted-foreground" />
           </Link>
           {isMobile ? (
diff --git a/apps/marketing/components/feature-cards-section.tsx b/apps/marketing/components/feature-cards-section.tsx
index e731e701f..6c866f194 100644
--- a/apps/marketing/components/feature-cards-section.tsx
+++ b/apps/marketing/components/feature-cards-section.tsx
@@ -106,8 +106,8 @@ export function FeatureCardsSection() {
               transition={{ duration: 0.6, delay: 0.1 }}
               className="max-w-md"
             >
-              <p className="text-muted-foreground leading-relaxed text-lg">
-                Sprint is shaped by the practices and principles that distinguish world-class
+              <p className="text-muted-foreground leading-relaxed">
+                OK Code is shaped by the practices and principles that distinguish world-class
                 product teams from the rest: relentless focus, fast execution, and a commitment to
                 the quality of craft.{" "}
                 <a
diff --git a/apps/marketing/components/hero-3d-stage.tsx b/apps/marketing/components/hero-3d-stage.tsx
index b903f028e..8daa91dfa 100644
--- a/apps/marketing/components/hero-3d-stage.tsx
+++ b/apps/marketing/components/hero-3d-stage.tsx
@@ -64,7 +64,7 @@ export function Hero3DStage() {
                 transition={{ duration: 0.6 }}
                 className="text-5xl md:text-6xl lg:text-[72px] font-bold text-foreground leading-[1.08] text-balance"
               >
-                Sprint is a purpose-built tool for planning and building products
+                OK Code is a purpose-built tool for planning and building products
               </motion.h1>
               <motion.p
                 initial={{ opacity: 0, y: 20 }}
@@ -88,7 +88,7 @@ export function Hero3DStage() {
                   </button>
                 </a>
                 <button className="text-secondary-foreground font-semibold hover:text-foreground transition-colors flex items-center gap-2 text-base">
-                  <span className="text-muted-foreground">New:</span> Sprint agent for Slack
+                  <span className="text-muted-foreground">New:</span> OK Code agent for Slack
                   <span aria-hidden="true">→</span>
                 </button>
               </motion.div>
diff --git a/apps/marketing/components/navbar.tsx b/apps/marketing/components/navbar.tsx
index f0c03e946..2ceddf1df 100644
--- a/apps/marketing/components/navbar.tsx
+++ b/apps/marketing/components/navbar.tsx
@@ -1,9 +1,10 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { CirclePower, Menu, X } from "lucide-react";
+import { Menu, X } from "lucide-react";
 import { motion, AnimatePresence } from "framer-motion";
 import Link from "next/link";
+import { OkCodeLogo } from "./OkCodeLogo";
 
 export function Navbar() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -69,8 +70,7 @@ export function Navbar() {
             onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
             className="flex items-center gap-2 hover:opacity-80 transition-opacity"
           >
-            <CirclePower className="w-6 h-6 text-foreground" />
-            <span className="text-foreground font-bold text-lg">Sprint</span>
+            <OkCodeLogo className="w-5 h-5" textClassName="text-foreground font-semibold" />
           </button>
 
           {/* Desktop Navigation */}
diff --git a/apps/marketing/components/product-direction-section.tsx b/apps/marketing/components/product-direction-section.tsx
index d4b91ca60..3646e2211 100644
--- a/apps/marketing/components/product-direction-section.tsx
+++ b/apps/marketing/components/product-direction-section.tsx
@@ -38,7 +38,7 @@ export function ProductDirectionSection() {
           <span className="text-white font-medium">
             Align your team around a unified product timeline.
           </span>{" "}
-          Plan, manage, and track all product initiatives with Sprint's visual planning tools.
+          Plan, manage, and track all product initiatives with OK Code's visual planning tools.
         </p>
 
         {/* 3D Timeline Visualization */}
diff --git a/apps/marketing/components/ui-panel-sidebar.tsx b/apps/marketing/components/ui-panel-sidebar.tsx
index b0502fc46..9b4b27ef0 100644
--- a/apps/marketing/components/ui-panel-sidebar.tsx
+++ b/apps/marketing/components/ui-panel-sidebar.tsx
@@ -16,8 +16,8 @@ import {
   ChevronRight,
   Sparkles,
   RotateCcw,
-  CirclePower,
 } from "lucide-react";
+import { OkCodeMark } from "./OkCodeLogo";
 
 export function UIPanelSidebar() {
   return (
@@ -38,10 +38,8 @@ export function UIPanelSidebar() {
 
       {/* Logo area */}
       <div className="flex items-center gap-2 px-2 py-2 mb-1">
-        <div className="w-5 h-5 rounded bg-gradient-to-br from-indigo-500 to-violet-600 flex items-center justify-center">
-          <CirclePower className="w-3 h-3 text-white" />
-        </div>
-        <span className="text-white font-medium">Sprint</span>
+        <OkCodeMark className="w-5 h-5 text-white" />
+        <span className="text-white font-medium">OK Code</span>
         <ChevronDown className="w-3.5 h-3.5 text-zinc-500 ml-auto" />
       </div>
 
diff --git a/apps/marketing/components/workflows-section.tsx b/apps/marketing/components/workflows-section.tsx
index 323d6536f..1f29cbafc 100644
--- a/apps/marketing/components/workflows-section.tsx
+++ b/apps/marketing/components/workflows-section.tsx
@@ -30,22 +30,22 @@ const carouselCards = [
   },
   {
     id: 3,
-    category: "Sprint Mobile",
+    category: "OK Code Mobile",
     title: "Move product work forward from anywhere",
     icon: ArrowRight,
     mockup: "mobile",
   },
   {
     id: 4,
-    category: "Sprint Asks",
+    category: "OK Code Asks",
     title: "Turn workplace requests into actionable issues",
     icon: ArrowRight,
     mockup: "asks",
   },
   {
     id: 5,
-    category: "Sprint Integrations",
-    title: "100+ ways to enhance your Sprint experience",
+    category: "OK Code Integrations",
+    title: "100+ ways to enhance your OK Code experience",
     icon: ArrowRight,
     mockup: "integrations",
   },
@@ -59,7 +59,7 @@ const carouselCards = [
   {
     id: 7,
     category: "Built for developers",
-    title: "Build your own add-ons with the Sprint API",
+    title: "Build your own add-ons with the OK Code API",
     icon: ArrowRight,
     mockup: "api",
   },
@@ -203,7 +203,7 @@ function ApiMockup() {
   return (
     <div className="flex items-center justify-center h-full">
       <div className="bg-secondary/50 rounded-lg px-4 py-2 border border-border/50">
-        <span className="text-xs font-mono text-muted-foreground">SPRINT API</span>
+        <span className="text-xs font-mono text-muted-foreground">OK CODE API</span>
       </div>
     </div>
   );
@@ -272,8 +272,8 @@ export function WorkflowsSection() {
           </div>
 
           {/* Description */}
-          <p className="text-muted-foreground text-lg lg:max-w-md lg:pt-12">
-            Expand the capabilities of the Sprint system with a wide variety of integrations that
+          <p className="text-muted-foreground lg:max-w-sm lg:pt-12">
+            Expand the capabilities of the OK Code system with a wide variety of integrations that
             keep everyone in your organization aligned and focused.
           </p>
         </div>
diff --git a/apps/web/src/components/OkCodeMark.tsx b/apps/web/src/components/OkCodeMark.tsx
new file mode 100644
index 000000000..579c97c2f
--- /dev/null
+++ b/apps/web/src/components/OkCodeMark.tsx
@@ -0,0 +1,20 @@
+type OkCodeMarkProps = {
+  className?: string;
+};
+
+export function OkCodeMark({ className = "size-5" }: OkCodeMarkProps) {
+  return (
+    <svg aria-hidden="true" viewBox="0 0 180 180" fill="none" className={`shrink-0 ${className}`}>
+      <g transform="scale(0.95 0.95) translate(4.5 4.5)">
+        <path
+          d="M101.141 53H136.632C151.023 53 162.689 64.6662 162.689 79.0573V112.904H148.112V79.0573C148.112 78.7105 148.098 78.3662 148.072 78.0251L112.581 112.898C112.701 112.902 112.821 112.904 112.941 112.904H148.112V126.672H112.941C98.5504 126.672 86.5638 114.891 86.5638 100.5V66.7434H101.141V100.5C101.141 101.15 101.191 101.792 101.289 102.422L137.56 66.7816C137.255 66.7563 136.945 66.7434 136.632 66.7434H101.141V53Z"
+          fill="currentColor"
+        />
+        <path
+          d="M65.2926 124.136L14 66.7372H34.6355L64.7495 100.436V66.7372H80.1365V118.47C80.1365 126.278 70.4953 129.958 65.2926 124.136Z"
+          fill="currentColor"
+        />
+      </g>
+    </svg>
+  );
+}
diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index 991e4d84d..bcb84319c 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -15,6 +15,7 @@ import {
   TriangleAlertIcon,
 } from "lucide-react";
 import { ThemeModeSwitcher } from "./ThemeModeSwitcher";
+import { OkCodeMark } from "./OkCodeMark";
 import { autoAnimate } from "@formkit/auto-animate";
 import { useCallback, useEffect, useMemo, useRef, useState, type MouseEvent } from "react";
 import {
@@ -204,14 +205,6 @@ function prStatusIndicator(pr: ThreadPr): PrStatusIndicator | null {
   return null;
 }
 
-function OKWordmark() {
-  return (
-    <span aria-label="OK" className="shrink-0 text-sm font-bold tracking-tight text-foreground">
-      OK
-    </span>
-  );
-}
-
 /**
  * Derives the server's HTTP origin (scheme + host + port) from the same
  * sources WsTransport uses, converting ws(s) to http(s).
@@ -1707,9 +1700,9 @@ export default function Sidebar() {
         <TooltipTrigger
           render={
             <div className="flex min-w-0 flex-1 items-center gap-1 ml-1 cursor-pointer">
-              <OKWordmark />
-              <span className="truncate text-sm font-medium tracking-tight text-muted-foreground">
-                Code
+              <OkCodeMark className="size-5 text-foreground" />
+              <span className="truncate text-sm font-medium tracking-tight text-foreground">
+                OK Code
               </span>
             </div>
           }
diff --git a/bun.lock b/bun.lock
index 456e52697..328487d02 100644
--- a/bun.lock
+++ b/bun.lock
@@ -5,6 +5,7 @@
       "name": "@okcode/monorepo",
       "dependencies": {
         "@pierre/diffs": "^1.1.8",
+        "lucide-react": "^1.7.0",
       },
       "devDependencies": {
         "@types/node": "catalog:",
@@ -1738,7 +1739,7 @@
 
     "lru_map": ["lru_map@0.4.1", "", {}, "sha512-I+lBvqMMFfqaV8CJCISjI3wbjmwVu/VyOoU7+qtu9d7ioW5klMgsTTiUOUp+DJvfTTzKXoPbyC6YfgkNcyPSOg=="],
 
-    "lucide-react": ["lucide-react@0.454.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc" } }, "sha512-hw7zMDwykCLnEzgncEEjHeA6+45aeEzRYuKHuyRSOPkhko+J3ySGjGIzu+mmMfDFG1vazHepMaYFYHbTFAZAAQ=="],
+    "lucide-react": ["lucide-react@1.7.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-yI7BeItCLZJTXikmK4KNUGCKoGzSvbKlfCvw44bU4fXAL6v3gYS4uHD1jzsLkfwODYwI6Drw5Tu9Z5ulDe0TSg=="],
 
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
@@ -2382,6 +2383,8 @@
 
     "@okcode/marketing/@types/node": ["@types/node@22.19.15", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-F0R/h2+dsy5wJAUe3tAU6oqa2qbWY5TpNfL/RGmo1y38hiyO1w3x2jPtt76wmuaJI4DQnOBu21cNXQ2STIUUWg=="],
 
+    "@okcode/marketing/lucide-react": ["lucide-react@0.454.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc" } }, "sha512-hw7zMDwykCLnEzgncEEjHeA6+45aeEzRYuKHuyRSOPkhko+J3ySGjGIzu+mmMfDFG1vazHepMaYFYHbTFAZAAQ=="],
+
     "@okcode/web/lucide-react": ["lucide-react@0.564.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-JJ8GVTQqFwuliifD48U6+h7DXEHdkhJ/E87kksGByII3qHxtPciVb8T8woQONHBQgHVOl7rSMrrip3SeVNy7Fg=="],
 
     "@rolldown/plugin-babel/rolldown": ["rolldown@1.0.0-rc.12", "", { "dependencies": { "@oxc-project/types": "=0.122.0", "@rolldown/pluginutils": "1.0.0-rc.12" }, "optionalDependencies": { "@rolldown/binding-android-arm64": "1.0.0-rc.12", "@rolldown/binding-darwin-arm64": "1.0.0-rc.12", "@rolldown/binding-darwin-x64": "1.0.0-rc.12", "@rolldown/binding-freebsd-x64": "1.0.0-rc.12", "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.12", "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.12", "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.12", "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.12", "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.12", "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.12", "@rolldown/binding-linux-x64-musl": "1.0.0-rc.12", "@rolldown/binding-openharmony-arm64": "1.0.0-rc.12", "@rolldown/binding-wasm32-wasi": "1.0.0-rc.12", "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.12", "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.12" }, "bin": { "rolldown": "bin/cli.mjs" } }, "sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A=="],
diff --git a/package.json b/package.json
index 0a31c80f6..fbb7f675d 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,8 @@
     "prepare": "husky && node scripts/patch-effect-language-service.ts && node scripts/patch-effect-smol-peer-installs.mjs"
   },
   "dependencies": {
-    "@pierre/diffs": "^1.1.8"
+    "@pierre/diffs": "^1.1.8",
+    "lucide-react": "^1.7.0"
   },
   "devDependencies": {
     "@types/node": "catalog:",
diff --git a/vercel.json b/vercel.json
index 38cebdc94..2dd064f64 100644
--- a/vercel.json
+++ b/vercel.json
@@ -4,5 +4,5 @@
   "buildCommand": "bun run build",
   "installCommand": "bun install",
   "devCommand": "bun run dev",
-  "outputDirectory": ".next"
+  "outputDirectory": "apps/marketing/.next"
 }