diff --git a/packages/ghost-ui/src/app/foundations/page.tsx b/packages/ghost-ui/src/app/foundations/page.tsx
index 560b170..6825a16 100644
--- a/packages/ghost-ui/src/app/foundations/page.tsx
+++ b/packages/ghost-ui/src/app/foundations/page.tsx
@@ -83,11 +83,14 @@ export default function FoundationsIndex() {
           <Link
             key={item.href}
             to={item.href}
-            className="foundation-card group rounded-[var(--radius-card-sm)] border border-border-card bg-card p-10 transition-all duration-200 hover:scale-[1.03] hover:shadow-elevated"
+            className="foundation-card group rounded-[var(--radius-card-sm)] border border-border-card hover:border-foreground/25 bg-card p-10 transition-colors duration-300"
           >
             <div className="mb-6">{item.visual}</div>
-            <span className="font-display text-lg font-bold tracking-tight">
-              {item.name}
+            <span className="relative inline-block font-display text-lg font-bold tracking-tight">
+              <span className="relative z-10 transition-colors duration-300 group-hover:text-background">
+                {item.name}
+              </span>
+              <span className="absolute inset-0 bg-foreground origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-out" />
             </span>
             <p className="mt-2 text-sm text-muted-foreground leading-relaxed">
               {item.description}
diff --git a/packages/ghost-ui/src/app/ui/page.tsx b/packages/ghost-ui/src/app/ui/page.tsx
index 0451f28..3bba503 100644
--- a/packages/ghost-ui/src/app/ui/page.tsx
+++ b/packages/ghost-ui/src/app/ui/page.tsx
@@ -100,7 +100,7 @@ export default function DesignLanguageIndex() {
       <AnimatedPageHeader
         kicker="Design Language"
         title="Ghost UI"
-        description="A shared design language for our tools."
+        description="The shared design language across Ghost — foundations, primitives, and AI-native components."
       />
 
       <div
@@ -111,11 +111,14 @@ export default function DesignLanguageIndex() {
           <Link
             key={item.href}
             to={item.href}
-            className="dl-card group rounded-[var(--radius-card-sm)] border border-border-card bg-card p-10 transition-all duration-200 hover:scale-[1.03] hover:shadow-elevated"
+            className="dl-card group rounded-[var(--radius-card-sm)] border border-border-card hover:border-foreground/25 bg-card p-10 transition-colors duration-300"
           >
             <div className="mb-6">{item.visual}</div>
-            <span className="font-display text-lg font-bold tracking-tight">
-              {item.name}
+            <span className="relative inline-block font-display text-lg font-bold tracking-tight">
+              <span className="relative z-10 transition-colors duration-300 group-hover:text-background">
+                {item.name}
+              </span>
+              <span className="absolute inset-0 bg-foreground origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-out" />
             </span>
             <p className="mt-2 text-sm text-muted-foreground leading-relaxed">
               {item.description}
diff --git a/packages/ghost-ui/src/components/docs/dock.tsx b/packages/ghost-ui/src/components/docs/dock.tsx
index ca4d956..5bb1f7a 100644
--- a/packages/ghost-ui/src/components/docs/dock.tsx
+++ b/packages/ghost-ui/src/components/docs/dock.tsx
@@ -37,7 +37,7 @@ import { cn } from "@/lib/utils";
 const nav: { name: string; path: string; icon: LucideIcon }[] = [
   { name: "Home", path: "/", icon: Home },
   { name: "Tools", path: "/tools", icon: Wrench },
-  { name: "Design Language", path: "/ui", icon: Palette },
+  { name: "UI", path: "/ui", icon: Palette },
 ];
 
 export function Dock() {
diff --git a/packages/ghost-ui/src/components/docs/hero.tsx b/packages/ghost-ui/src/components/docs/hero.tsx
index 126ece2..ce79afb 100644
--- a/packages/ghost-ui/src/components/docs/hero.tsx
+++ b/packages/ghost-ui/src/components/docs/hero.tsx
@@ -101,7 +101,7 @@ export function Hero() {
           className="mt-4 text-center text-muted-foreground leading-relaxed whitespace-nowrap"
           style={{ fontSize: "clamp(0.875rem, 1.5vw, 1.125rem)" }}
         >
-          design infrastructure for decentralized systems.
+          tooling for decentralized design
         </p>
       </div>
     </section>