diff --git a/apps/web/app/(pages)/brand/brand-client.tsx b/apps/web/app/(pages)/brand/brand-client.tsx
index 1329a85..fff217d 100644
--- a/apps/web/app/(pages)/brand/brand-client.tsx
+++ b/apps/web/app/(pages)/brand/brand-client.tsx
@@ -113,7 +113,7 @@ function LogoCard({
   downloads: { format: string; href: string }[]
 }) {
   return (
-    <div className="group relative rounded-xl overflow-hidden border border-border bg-card transition-all duration-500 ease-out hover:border-border/60">
+    <div className="group relative  rounded-xl overflow-hidden border border-border bg-card transition-all duration-500 ease-out hover:border-border/60">
       <div
         className={`relative flex h-48 w-full flex-col items-center justify-center overflow-hidden ${bgClass}`}
       >
@@ -562,7 +562,7 @@ export default function BrandPageClient() {
             <rect x="6" y="12" width="3" height="3" fill="#52525b" />
           </svg>
         </div>
-        <h1 className="text-[2.5rem] md:text-[3.5rem] font-semibold tracking-tight leading-[100%] text-center mb-3">
+        <h1 className="text-[2.5rem] text-[#A1A1AA] md:text-[3.5rem] font-semibold tracking-tight leading-[100%] text-center mb-3">
           Brand guidelines
         </h1>
         <p className="text-base md:text-lg text-muted-foreground text-center max-w-lg">
@@ -573,7 +573,7 @@ export default function BrandPageClient() {
       {/* Naming */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-6">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-6">
             Naming
           </h2>
           <div className="space-y-3 text-sm text-foreground/80">
@@ -598,7 +598,7 @@ export default function BrandPageClient() {
       {/* Logo */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Logo
           </h2>
           <p className="text-sm text-foreground/80 mb-8">
@@ -1031,7 +1031,7 @@ export default function BrandPageClient() {
       {/* Colors */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Colors
           </h2>
         <p className="text-sm text-foreground/80 mb-8">
@@ -1052,7 +1052,7 @@ export default function BrandPageClient() {
       {/* Typography */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Typography
           </h2>
         <p className="text-sm text-foreground/80 mb-8">
@@ -1061,11 +1061,11 @@ export default function BrandPageClient() {
 
         <div className="space-y-8">
           <div className="rounded-xl border border-border bg-card p-6">
-            <span className="text-xs text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
+            <span className="text-xs  text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
               Primary — JetBrains Mono
             </span>
             <p
-              className="text-2xl md:text-3xl font-medium tracking-tight mb-2"
+              className="text-2xl md:text-3xl text-[#A1A1AA] font-medium tracking-tight mb-2"
               style={{ fontFamily: "'JetBrains Mono', monospace" }}
             >
               Supercode builds software at the speed of thought.
@@ -1083,7 +1083,7 @@ export default function BrandPageClient() {
             <span className="text-xs text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
               Secondary — Inter
             </span>
-            <p className="text-2xl md:text-3xl font-medium tracking-tight mb-2">
+            <p className="text-2xl text-[#A1A1AA] md:text-3xl font-medium tracking-tight mb-2">
               Supercode builds software at the speed of thought.
             </p>
             <p className="text-sm text-muted-foreground">
@@ -1105,7 +1105,7 @@ export default function BrandPageClient() {
                 { size: "text-[14px]", label: "14px / Regular", weight: "font-normal" },
                 { size: "text-[12px]", label: "12px / Regular", weight: "font-normal" },
               ].map((t) => (
-                <div key={t.label} className="flex items-baseline gap-4">
+                <div key={t.label} className="flex text-[#A1A1AA] items-baseline gap-4">
                   <span
                     className={`${t.size} ${t.weight} shrink-0`}
                     style={{ fontFamily: "'JetBrains Mono', monospace" }}
@@ -1128,7 +1128,7 @@ export default function BrandPageClient() {
       {/* Product Screenshots */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Product
           </h2>
         <p className="text-sm text-foreground/80 mb-8">
@@ -1169,7 +1169,7 @@ export default function BrandPageClient() {
       {/* Usage Rules */}
       <FadeIn>
         <section className="mb-16">
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Usage rules
           </h2>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -1206,7 +1206,7 @@ export default function BrandPageClient() {
       {/* Contact */}
       <FadeIn>
         <section>
-          <h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
+          <h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
             Questions
           </h2>
         <p className="text-sm text-foreground/80">
diff --git a/apps/web/app/(pages)/compare/page.tsx b/apps/web/app/(pages)/compare/page.tsx
index ceca0e5..be921ed 100644
--- a/apps/web/app/(pages)/compare/page.tsx
+++ b/apps/web/app/(pages)/compare/page.tsx
@@ -197,7 +197,7 @@ export default function ComparePage() {
             <span className="inline-block text-[12px] font-mono uppercase tracking-[0.25em] text-primary mb-6">
               $ Supercode v0.1.14
             </span>
-            <h1 className="text-[48px] md:text-[72px] font-semibold tracking-tight leading-[1.05] mb-6">
+            <h1 className="text-[48px] md:text-[72px] text-[#A1A1AA] font-semibold tracking-tight leading-[1.05] mb-6">
               <span className="inline-flex items-baseline gap-1">
                 <span className="bg-gradient-to-r from-primary via-amber-300 to-primary bg-clip-text text-transparent">
                   Supercode
@@ -448,7 +448,7 @@ export default function ComparePage() {
             </h2>
           </motion.div>
 
-          <div className="grid md:grid-cols-3 gap-6">
+          <div className="grid text-[#A1A1AA] md:grid-cols-3 gap-6">
             {[
               {
                 icon: "◈",
@@ -497,7 +497,7 @@ export default function ComparePage() {
             transition={{ duration: 0.5, ease: [0.23, 1, 0.32, 1] }}
             className="border border-border/40 rounded-2xl p-12 md:p-16 text-center bg-card/50"
           >
-            <h2 className="text-[32px] md:text-[44px] font-semibold tracking-tight mb-4 font-mono">
+            <h2 className="text-[32px] text-[#A1A1AA] md:text-[44px] font-semibold tracking-tight mb-4 font-mono">
               Try{" "}
               <span className="bg-gradient-to-r from-primary via-amber-300 to-primary bg-clip-text text-transparent">
                 Supercode
diff --git a/apps/web/app/(pages)/partnerships/[company]/page.tsx b/apps/web/app/(pages)/partnerships/[company]/page.tsx
index dd143e2..90988d6 100644
--- a/apps/web/app/(pages)/partnerships/[company]/page.tsx
+++ b/apps/web/app/(pages)/partnerships/[company]/page.tsx
@@ -62,7 +62,7 @@ export default async function PartnershipDetailPage({ params }: Props) {
 
         {/* Hero */}
         <div className="mb-16">
-          <div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center text-primary font-bold font-mono text-[22px] mb-6">
+          <div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center text-white font-bold font-mono text-[22px] mb-6">
             {partner.logoSrc ? (
               <img src={partner.logoSrc} alt={partner.name} className="w-8 h-8 brightness-0 invert" />
             ) : (
@@ -70,7 +70,7 @@ export default async function PartnershipDetailPage({ params }: Props) {
             )}
           </div>
 
-          <h1 className="text-[36px] md:text-[48px] font-semibold tracking-tight mb-3">
+          <h1 className="text-[36px] md:text-[48px] text-[#A1A1AA] font-semibold tracking-tight mb-3">
             {partner.name}
           </h1>
           <p className="text-[18px] text-muted-foreground leading-relaxed">
diff --git a/apps/web/app/(pages)/partnerships/page.tsx b/apps/web/app/(pages)/partnerships/page.tsx
index 5c52008..835f7b8 100644
--- a/apps/web/app/(pages)/partnerships/page.tsx
+++ b/apps/web/app/(pages)/partnerships/page.tsx
@@ -35,7 +35,7 @@ export default function PartnershipsPage() {
       <Navbar />
 
       <div className="pt-[120px] pb-24 px-6 max-w-[1100px] mx-auto">
-        <h1 className="text-[36px] md:text-[48px] font-semibold tracking-tight mb-2">
+        <h1 className="text-[36px] md:text-[48px] text-[#A1A1AA] font-semibold tracking-tight mb-2">
           Partnerships
         </h1>
         <p className="text-muted-foreground text-[16px] mb-16 max-w-[600px]">
@@ -61,7 +61,7 @@ export default function PartnershipsPage() {
                 <ArrowUpRight className="w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors duration-200" />
               </div>
 
-              <h2 className="text-[22px] font-semibold tracking-tight mb-2 group-hover:text-primary transition-colors">
+              <h2 className="text-[22px] font-semibold text-[#A1A1AA] tracking-tight mb-2 group-hover:text-primary transition-colors">
                 {partner.name}
               </h2>
               <p className="text-[14px] text-muted-foreground leading-relaxed mb-6">
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index a6fa0cd..b1f02a6 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -11,8 +11,8 @@
   --card-foreground: oklch(0.2101 0.0318 264.6645);
   --popover: oklch(1.0000 0 0);
   --popover-foreground: oklch(0.2101 0.0318 264.6645);
-  --primary: oklch(0.6716 0.1368 48.5130);
-  --primary-foreground: oklch(1.0000 0 0);
+  --primary: oklch(1 0 0);
+  --primary-foreground: oklch(0.2101 0.0318 264.6645);
   --secondary: oklch(0.5360 0.0398 196.0280);
   --secondary-foreground: oklch(1.0000 0 0);
   --muted: oklch(0.9670 0.0029 264.5419);
diff --git a/apps/web/components/homepage/hero.tsx b/apps/web/components/homepage/hero.tsx
index d94c28b..30fc611 100644
--- a/apps/web/components/homepage/hero.tsx
+++ b/apps/web/components/homepage/hero.tsx
@@ -11,7 +11,7 @@ const installCommands: Record<InstallMethod, { command: string; highlight: strin
   curl: { command: 'curl -fsSL https://supercli.vercel.app/install', highlight: 'supercli.vercel.app/install' },
   npm: { command: 'npm install -g supercode-cli@latest', highlight: 'supercode-cli' },
   bun: { command: 'bun install -g supercode-cli', highlight: 'supercode-cli' },
-  npx: { command: 'npx supercode-cli', highlight: 'supercode-cli' },
+  npx: { command: 'npx supercode-cli', highlight: 'superadd code-cli' },
   brew: { command: 'brew install supercode', highlight: 'supercode' },
 };
 
@@ -62,7 +62,7 @@ const HeroSection = () => {
           </div>
 
           {/* Main headline */}
-          <h1 className="text-[28px] md:text-[56px] leading-[1.1] mb-8 tracking-tight font-semibold">
+          <h1 className="text-[28px] md:text-[56px] text-[#A1A1AA] leading-[1.1] mb-8 tracking-tight font-semibold">
             The open source SWE agent
           </h1>
 
diff --git a/apps/web/components/homepage/partnerships-section.tsx b/apps/web/components/homepage/partnerships-section.tsx
index a68d3a4..31684d5 100644
--- a/apps/web/components/homepage/partnerships-section.tsx
+++ b/apps/web/components/homepage/partnerships-section.tsx
@@ -16,13 +16,13 @@ const PartnershipsSection = () => {
             <h2 className="text-[13px] font-mono uppercase tracking-[0.15em] text-primary mb-4">
               $ Partnerships
             </h2>
-            <h3 className="text-[28px] md:text-[36px] font-semibold tracking-tight max-w-[500px] leading-[1.15]">
+            <h3 className="text-[28px] md:text-[36px] text-[#A1A1AA] font-semibold tracking-tight max-w-[500px] leading-[1.15]">
               Real teams shipping with Supercode
             </h3>
           </div>
           <Link
             href="/partnerships"
-            className="hidden md:inline-flex items-center gap-2 text-[14px] text-muted-foreground hover:text-foreground transition-colors group"
+            className="hidden md:inline-flex text-[#A1A1AA] items-center gap-2 text-[14px] text-muted-foreground hover:text-foreground transition-colors group"
           >
             <span>View all</span>
             <ArrowUpRight className="w-4 h-4 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform" />
@@ -34,7 +34,7 @@ const PartnershipsSection = () => {
             <Link
               key={partner.slug}
               href={`/partnerships/${partner.slug}`}
-              className="group border border-border rounded-lg p-6 hover:border-primary/40 transition-colors duration-200 bg-card/30 hover:bg-card/60"
+              className="group border text-[#A1A1AA] border-border rounded-lg p-6 hover:border-primary/40 transition-colors duration-200 bg-card/30 hover:bg-card/60"
             >
               <div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary font-bold font-mono text-[16px] mb-4">
                 {partner.logoSrc ? (
diff --git a/apps/web/data/partnerships.ts b/apps/web/data/partnerships.ts
index 7935d1c..50b3b6d 100644
--- a/apps/web/data/partnerships.ts
+++ b/apps/web/data/partnerships.ts
@@ -15,28 +15,28 @@ export interface Partner {
 export const partners: Partner[] = [
   {
     slug: "concentrateai",
-    name: "ConcentrateAI",
+    name: "Concentrate AI",
     logo: "CA",
     logoSrc: "/concentrate-ai-black-symbol.svg",
-    description: "A strategic partnership bringing together Supercode's AI code generation with ConcentrateAI's LLM API gateway infrastructure.",
+    description: "A strategic partnership bringing together Supercode's AI code generation with Concentrate AI's LLM API gateway infrastructure.",
     tagline: "Powering the next generation of AI-assisted development",
-    stat: { value: "99.9%", label: "LLM API uptime via ConcentrateAI gateway" },
+    stat: { value: "99.9%", label: "LLM API uptime via Concentrate AI gateway" },
     quote: {
-      text: "Supercode and ConcentrateAI are building the future of AI-assisted development together. Their code generation platform paired with our gateway infrastructure means developers get the best of both worlds — intelligent automation with enterprise-grade reliability.",
+      text: "Supercode and Concentrate AI are building the future of AI-assisted development together. Their code generation platform paired with our gateway infrastructure means developers get the best of both worlds — intelligent automation with enterprise-grade reliability.",
       author: "Alex Rivera",
-      role: "CTO, ConcentrateAI",
+      role: "CTO, Concentrate AI",
     },
     challenge: [
       "Supercode's AI-powered code generation relies on large language models — but managing LLM API traffic at scale is a complex infrastructure problem. Rate limits, cost optimization, failover across providers, and consistent latency for users all needed to be solved before Supercode could deliver a reliable experience to its growing user base.",
       "Building this infrastructure in-house would have diverted engineering resources from Supercode's core product. What was needed was a dedicated API gateway purpose-built for LLM traffic — and a partner who understood both the infrastructure and developer experience sides of the problem.",
     ],
     solution: [
-      "Supercode partnered with ConcentrateAI to integrate their enterprise-grade LLM API gateway as the backbone of Supercode's AI infrastructure. ConcentrateAI's gateway handles request routing across multiple LLM providers (OpenAI, Anthropic, Groq), automatic failover, token usage optimization, and real-time cost tracking — all abstracted behind a single, unified API.",
-      "In return, ConcentrateAI adopted Supercode across their own engineering team to accelerate development of their gateway platform. Their engineers use Supercode to rapidly prototype new routing logic, generate integration tests for provider APIs, and maintain consistent code quality across their growing codebase. It's a true partnership — each company empowers the other's core product.",
+      "Supercode partnered with Concentrate AI to integrate their enterprise-grade LLM API gateway as the backbone of Supercode's AI infrastructure. Concentrate AI's gateway handles request routing across multiple LLM providers (OpenAI, Anthropic, Groq), automatic failover, token usage optimization, and real-time cost tracking — all abstracted behind a single, unified API.",
+      "In return, Concentrate AI adopted Supercode across their own engineering team to accelerate development of their gateway platform. Their engineers use Supercode to rapidly prototype new routing logic, generate integration tests for provider APIs, and maintain consistent code quality across their growing codebase. It's a true partnership — each company empowers the other's core product.",
     ],
     results: [
-      { text: "Supercode achieved enterprise-grade LLM infrastructure without building it in-house, powered by ConcentrateAI's gateway", metric: "Zero-infra AI" },
-      { text: "ConcentrateAI's engineering team ships gateway features 3x faster using Supercode for development", metric: "3x faster shipping" },
+      { text: "Supercode achieved enterprise-grade LLM infrastructure without building it in-house, powered by Concentrate AI's gateway", metric: "Zero-infra AI" },
+      { text: "Concentrate AI's engineering team ships gateway features 3x faster using Supercode for development", metric: "3x faster shipping" },
       { text: "Users get reliable, low-latency code generation with automatic failover across multiple LLM providers", metric: "99.9% uptime" },
     ],
   },