diff --git a/website/src/components/sections/Pathways.tsx b/website/src/components/sections/Pathways.tsx
index 565a6cb659c28..f09e10154835f 100644
--- a/website/src/components/sections/Pathways.tsx
+++ b/website/src/components/sections/Pathways.tsx
@@ -53,7 +53,7 @@ const Pathways: FC = () => (
   <section className="pathways" aria-label="Get started with Apache APISIX">
     {PATHWAYS.map((pathway) => (
       <Link className="pathways__card" to={pathway.to} key={pathway.id}>
-        <h3 className="pathways__title">{pathway.title}</h3>
+        <h2 className="pathways__title">{pathway.title}</h2>
         <p className="pathways__desc">{pathway.description}</p>
         <span className="pathways__cta">
           {pathway.cta}
diff --git a/website/src/css/landing-sections/ai-gateway-home.scss b/website/src/css/landing-sections/ai-gateway-home.scss
index 8bb5ccd459bc2..28f89b56568ac 100644
--- a/website/src/css/landing-sections/ai-gateway-home.scss
+++ b/website/src/css/landing-sections/ai-gateway-home.scss
@@ -84,7 +84,7 @@
 }
 
 .ai-home__provider--more {
-  color: #888;
+  color: #6b6b6b;
 }
 
 .ai-home__grid {
@@ -148,7 +148,7 @@
   margin-top: 2rem;
   font-size: 1rem;
   font-weight: 600;
-  color: #e8433e;
+  color: #c7352f;
 
   &:hover {
     color: #c7352f;
diff --git a/website/src/css/landing-sections/comparison.scss b/website/src/css/landing-sections/comparison.scss
index 9131ed9ffb857..4bcfb087f999a 100644
--- a/website/src/css/landing-sections/comparison.scss
+++ b/website/src/css/landing-sections/comparison.scss
@@ -71,7 +71,7 @@
 }
 
 .compare-col-apisix {
-  color: #e8433e;
+  color: #c7352f;
 }
 
 .compare-col-apisix,
@@ -85,7 +85,7 @@
 }
 
 .compare-other-cell {
-  color: #8a8a8a;
+  color: #6b6b6b;
 }
 
 .compare-table svg {
diff --git a/website/src/css/landing-sections/hero.scss b/website/src/css/landing-sections/hero.scss
index 29fecfbbe8111..5d72ce2671d28 100644
--- a/website/src/css/landing-sections/hero.scss
+++ b/website/src/css/landing-sections/hero.scss
@@ -244,6 +244,6 @@
 
 .hero-stats__label {
   font-size: 0.85rem;
-  color: #777;
+  color: #6b6b6b;
   margin-top: 2px;
 }
diff --git a/website/src/css/landing-sections/integrations.scss b/website/src/css/landing-sections/integrations.scss
index 1d1cfb6446902..bb8ec9cfdb68f 100644
--- a/website/src/css/landing-sections/integrations.scss
+++ b/website/src/css/landing-sections/integrations.scss
@@ -74,7 +74,7 @@
   margin-top: 2rem;
   font-size: 1rem;
   font-weight: 600;
-  color: #e8433e;
+  color: #c7352f;
 
   &:hover {
     color: #c7352f;
diff --git a/website/src/css/landing-sections/pathways.scss b/website/src/css/landing-sections/pathways.scss
index 01312e5d6666b..02e28538d2337 100644
--- a/website/src/css/landing-sections/pathways.scss
+++ b/website/src/css/landing-sections/pathways.scss
@@ -52,7 +52,7 @@
 .pathways__cta {
   font-size: 0.95rem;
   font-weight: 600;
-  color: #e8433e;
+  color: #c7352f;
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/website/src/css/showcase.scss b/website/src/css/showcase.scss
index 221645dc568c9..6f88a5963ecf8 100644
--- a/website/src/css/showcase.scss
+++ b/website/src/css/showcase.scss
@@ -55,8 +55,9 @@
     padding: 30px 10px;
 
     .logo {
-      max-width: 100px;
-      max-height: 40px;
+      width: 100px;
+      height: 40px;
+      object-fit: contain;
     }
   }
 
diff --git a/website/src/pages/showcase.tsx b/website/src/pages/showcase.tsx
index 962142c04cf3b..4f4b1aa9a1932 100644
--- a/website/src/pages/showcase.tsx
+++ b/website/src/pages/showcase.tsx
@@ -50,7 +50,7 @@ const UserCard: FC<UserCardProps> = (props) => {
   return (
     <div className="user-card">
       <a href={infoLink}>
-        <img className="logo" src={image} alt={caption} />
+        <img className="logo" src={image} alt={caption} width={100} height={40} />
       </a>
     </div>
   );