diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 647bdf1..aebdc92 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="pill"
             contentWidth="compact"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="outline"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="glass"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 20cb8a1..24c868e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="compact"
       sizing="mediumSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="FOUNDER"
           description="Serial entrepreneur building exceptional digital companies. CEO of Webild and DialedWeb. Dropped out to pursue the path less traveled."
-          background={{ variant: "grid" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "View My Work", href: "companies" },
             { text: "Get in Touch", href: "contact" }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index f696635..3b871c7 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -74,7 +74,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="compact"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="outline"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="glass"
@@ -119,7 +119,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="compact"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="outline"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="glass"
@@ -171,7 +171,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="compact"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="outline"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="glass"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 420d6cf..72ffa08 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -24,7 +24,7 @@ export default function ShopPage() {
                 borderRadius="pill"
                 contentWidth="compact"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="outline"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="glass"
@@ -68,7 +68,7 @@ export default function ShopPage() {
             borderRadius="pill"
             contentWidth="compact"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="outline"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="glass"