diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 51fd56cf71..a3489e80b2 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -80,7 +80,7 @@ export function Header() {
                             >
                               <span>{link.label}</span>
                               {link.badge && (
-                                <span className="text-[10px] text-neutral-500 bg-neutral-100 px-2 py-0.5 rounded-full">
+                                <span className="text-[10px] bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-0.5 rounded-full">
                                   {link.badge}
                                 </span>
                               )}
@@ -101,7 +101,7 @@ export function Header() {
                               >
                                 <span>{link.label}</span>
                                 {link.badge && (
-                                  <span className="text-[10px] text-neutral-500 bg-neutral-100 px-2 py-0.5 rounded-full">
+                                  <span className="text-[10px] bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-0.5 rounded-full">
                                     {link.badge}
                                   </span>
                                 )}
@@ -245,7 +245,7 @@ export function Header() {
                             >
                               <span>{link.label}</span>
                               {link.badge && (
-                                <span className="text-[10px] text-neutral-500 bg-neutral-100 px-2 py-0.5 rounded-full">
+                                <span className="text-[10px] bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-0.5 rounded-full">
                                   {link.badge}
                                 </span>
                               )}
@@ -265,7 +265,7 @@ export function Header() {
                             >
                               <span>{link.label}</span>
                               {link.badge && (
-                                <span className="text-[10px] text-neutral-500 bg-neutral-100 px-2 py-0.5 rounded-full">
+                                <span className="text-[10px] bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-0.5 rounded-full">
                                   {link.badge}
                                 </span>
                               )}
diff --git a/apps/web/src/routes/_view/index.tsx b/apps/web/src/routes/_view/index.tsx
index d2b2cd6474..655700e36a 100644
--- a/apps/web/src/routes/_view/index.tsx
+++ b/apps/web/src/routes/_view/index.tsx
@@ -1171,7 +1171,7 @@ function FeaturesMobileCarousel({
                       {feature.title}
                     </h3>
                     {feature.comingSoon && (
-                      <span className="text-xs font-medium text-neutral-500 bg-neutral-200 px-2 py-1 rounded-full">
+                      <span className="text-xs font-medium bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-1 rounded-full shadow-sm">
                         Coming Soon
                       </span>
                     )}
@@ -1283,7 +1283,7 @@ function FeaturesDesktopGrid() {
                 </h3>
               </div>
               {feature.comingSoon && (
-                <span className="text-xs font-medium text-neutral-500 bg-neutral-200 px-2 py-1 rounded-full">
+                <span className="text-xs font-medium bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-1 rounded-full shadow-sm">
                   Coming Soon
                 </span>
               )}
@@ -1388,7 +1388,7 @@ function DetailsMobileCarousel({
                       {feature.title}
                     </h3>
                     {feature.comingSoon && (
-                      <span className="text-xs font-medium text-neutral-500 bg-neutral-200 px-2 py-1 rounded-full">
+                      <span className="text-xs font-medium bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-1 rounded-full shadow-sm">
                         Coming Soon
                       </span>
                     )}
@@ -1451,7 +1451,7 @@ function DetailsTabletView({
                       {feature.title}
                     </h3>
                     {feature.comingSoon && (
-                      <span className="text-xs font-medium text-neutral-500 bg-neutral-200 px-2 py-1 rounded-full">
+                      <span className="text-xs font-medium bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 px-2 py-1 rounded-full shadow-sm">
                         Coming Soon
                       </span>
                     )}
@@ -1720,7 +1720,7 @@ function BlogSection() {
 
                 <div className="p-6 flex flex-col flex-1">
                   <h3 className="text-xl font-serif text-stone-600 mb-2 group-hover:text-stone-800 transition-colors line-clamp-2">
-                    {article.display_title}
+                    {article.display_title || article.meta_title}
                   </h3>
 
                   <p className="text-sm text-neutral-600 leading-relaxed mb-4 line-clamp-3 flex-1">
diff --git a/apps/web/src/routes/_view/product/ai-notetaking.tsx b/apps/web/src/routes/_view/product/ai-notetaking.tsx
index 26413149d5..b7ad99ee7b 100644
--- a/apps/web/src/routes/_view/product/ai-notetaking.tsx
+++ b/apps/web/src/routes/_view/product/ai-notetaking.tsx
@@ -615,7 +615,7 @@ function TranscriptionSection() {
                     Fully on-device
                   </h3>
                 </div>
-                <div className="px-4 py-1.5 rounded-full bg-linear-to-t from-stone-600 to-stone-500 text-white opacity-50 text-xs font-medium whitespace-nowrap">
+                <div className="px-4 py-1.5 bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm text-xs font-medium whitespace-nowrap">
                   Apple Silicon only
                 </div>
               </div>
@@ -654,7 +654,7 @@ function TranscriptionSection() {
         <div className="sm:hidden">
           <div className="border-b border-neutral-100">
             <div className="p-6">
-              <div className="inline-block px-4 py-1.5 rounded-full bg-linear-to-t from-stone-600 to-stone-500 text-white opacity-50 text-xs font-medium mb-3">
+              <div className="inline-block px-4 py-1.5 bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm text-xs font-medium mb-3">
                 Apple Silicon only
               </div>
               <div className="flex items-center gap-3 mb-3">
@@ -1888,7 +1888,7 @@ function SharingSection() {
         className="absolute top-[-69px] h-[69px] pointer-events-none"
       />
       <div className="text-center py-12 px-4 lg:px-0">
-        <div className="inline-block px-4 py-1.5 rounded-full bg-linear-to-t from-stone-600 to-stone-500 text-white opacity-50 text-xs font-medium mb-4">
+        <div className="inline-block px-4 py-1.5 bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm text-xs font-medium mb-4">
           Coming Soon
         </div>
         <h2 className="text-3xl font-serif text-stone-600 mb-4">Share notes</h2>
@@ -2127,7 +2127,7 @@ function FloatingPanelSection() {
 function FloatingPanelHeader() {
   return (
     <div className="text-center py-12 px-4 lg:px-0">
-      <div className="inline-block px-4 py-1.5 rounded-full bg-linear-to-t from-stone-600 to-stone-500 text-white opacity-50 text-xs font-medium mb-4">
+      <div className="inline-block px-4 py-1.5 bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm text-xs font-medium mb-4">
         Coming Soon
       </div>
       <h2 className="text-3xl font-serif text-stone-600 mb-4">
diff --git a/apps/web/src/routes/_view/product/api.tsx b/apps/web/src/routes/_view/product/api.tsx
index b2797d1bd9..ecb2d49f76 100644
--- a/apps/web/src/routes/_view/product/api.tsx
+++ b/apps/web/src/routes/_view/product/api.tsx
@@ -77,9 +77,8 @@ function Component() {
               <button
                 disabled
                 className={cn([
-                  "inline-block px-8 py-3 text-base font-medium rounded-full",
-                  "bg-linear-to-t from-stone-600 to-stone-500 text-white",
-                  "opacity-50 cursor-not-allowed",
+                  "inline-block px-8 py-3 text-base font-medium cursor-not-allowed",
+                  "bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm",
                 ])}
               >
                 Coming Soon
diff --git a/apps/web/src/routes/_view/product/extensions.tsx b/apps/web/src/routes/_view/product/extensions.tsx
index de122b908c..6b41d042f3 100644
--- a/apps/web/src/routes/_view/product/extensions.tsx
+++ b/apps/web/src/routes/_view/product/extensions.tsx
@@ -62,9 +62,8 @@ function Component() {
               <button
                 disabled
                 className={cn([
-                  "inline-block px-8 py-3 text-base font-medium rounded-full",
-                  "bg-linear-to-t from-stone-600 to-stone-500 text-white",
-                  "opacity-50 cursor-not-allowed",
+                  "inline-block px-8 py-3 text-base font-medium cursor-not-allowed",
+                  "bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900 rounded-full shadow-sm",
                 ])}
               >
                 Coming Soon