diff --git a/assets/scss/_community.scss b/assets/scss/_community.scss
new file mode 100644
index 000000000..62107b6f8
--- /dev/null
+++ b/assets/scss/_community.scss
@@ -0,0 +1,258 @@
+/* Community page — section layout (ported from tekton-website-refresh) */
+
+.td-community {
+    .td-outer,
+    .td-main {
+        padding: 0;
+    }
+
+    .tekton-footer {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+
+.community-section {
+    padding: 3rem 1.5rem;
+
+    &--alt {
+        background: #f8fafc;
+    }
+
+    &__inner {
+        max-width: 62.5rem;
+        margin: 0 auto;
+    }
+
+    &__label {
+        display: block;
+        margin-bottom: .25rem;
+        color: #6b7280;
+        font-size: $font-size-xs;
+        font-weight: 600;
+        letter-spacing: .1em;
+        text-transform: uppercase;
+    }
+
+    &__heading {
+        margin: 0 0 1.5rem;
+        color: #0f172a;
+        font-size: $font-size-lg;
+        font-weight: 700;
+    }
+}
+
+.community-pills {
+    display: flex;
+    flex-wrap: wrap;
+    gap: .75rem;
+}
+
+.community-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: .5rem;
+    padding: .5rem 1rem;
+    color: #374151;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 2rem;
+    font-size: $font-size-sm;
+    font-weight: 500;
+    text-decoration: none;
+    transition: border-color .15s, box-shadow .15s, color .15s;
+
+    &:hover,
+    &:focus {
+        color: #4f46e5;
+        border-color: #818cf8;
+        box-shadow: 0 2px 8px rgba(79, 70, 229, .1);
+        text-decoration: none;
+    }
+
+    &__icon {
+        font-size: 1rem;
+        line-height: 1;
+    }
+}
+
+.community-grid {
+    display: grid;
+    gap: 1.5rem;
+
+    &--2 {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    &--3 {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+.community-card {
+    padding: 1.5rem;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: .75rem;
+    transition: box-shadow .2s, border-color .2s;
+
+    &:hover {
+        border-color: #c7d2fe;
+        box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
+    }
+
+    &__header {
+        display: flex;
+        align-items: center;
+        gap: .625rem;
+        margin-bottom: .75rem;
+
+        h3 {
+            margin: 0;
+            font-size: $font-size-md;
+            font-weight: 700;
+        }
+    }
+
+    &__icon {
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        border-radius: .5rem;
+        font-size: 1.1rem;
+
+        &--blue { background: #eef2ff; color: #4f46e5; }
+        &--amber { background: #fef3c7; color: #d97706; }
+        &--purple { background: #ede9fe; color: #7c3aed; }
+        &--teal { background: #ecfdf5; color: #059669; }
+        &--orange { background: #fff7ed; color: #ea580c; }
+    }
+
+    p {
+        margin: 0 0 .75rem;
+        color: #6b7280;
+        font-size: $font-size-sm;
+        line-height: 1.5;
+    }
+
+    ul {
+        display: flex;
+        flex-direction: column;
+        gap: .375rem;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    li a {
+        display: flex;
+        align-items: center;
+        gap: .5rem;
+        padding: .375rem .625rem;
+        color: #374151;
+        border-radius: .375rem;
+        font-size: $font-size-sm;
+        text-decoration: none;
+        transition: background .15s, color .15s;
+
+        &::before {
+            content: "→";
+            flex-shrink: 0;
+            opacity: .4;
+            font-size: $font-size-xs;
+        }
+
+        &:hover,
+        &:focus {
+            color: $primary;
+            background: #f0f0ff;
+            text-decoration: none;
+
+            &::before {
+                opacity: 1;
+            }
+        }
+    }
+
+    &__cta {
+        display: inline-block;
+        color: #4f46e5;
+        font-size: $font-size-sm;
+        font-weight: 500;
+        text-decoration: none;
+        transition: color .15s;
+
+        &:hover,
+        &:focus {
+            color: $primary;
+            text-decoration: none;
+        }
+    }
+}
+
+.community-adopters {
+    border-top: 1px solid #e5e7eb;
+
+    &__heading {
+        text-align: center;
+    }
+
+    &__logos {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        gap: 2rem 2.5rem;
+    }
+
+    &__logo {
+        width: auto;
+        max-width: 8.75rem;
+        height: 2rem;
+        object-fit: contain;
+        opacity: .7;
+        transition: opacity .2s;
+
+        &:hover {
+            opacity: 1;
+        }
+    }
+
+    &__link {
+        margin-top: 1.5rem;
+        text-align: center;
+    }
+}
+
+@media (max-width: 900px) {
+    .community-grid--3 {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: $mobile-width) {
+    .community-section {
+        padding: 2rem 1rem;
+
+        &__heading {
+            font-size: $font-size-xl;
+        }
+    }
+
+    .community-grid--2,
+    .community-grid--3 {
+        grid-template-columns: 1fr;
+    }
+
+    .community-adopters__logos {
+        gap: 1.25rem 1.5rem;
+    }
+
+    .community-adopters__logo {
+        max-width: 6.25rem;
+        height: 1.5rem;
+    }
+}
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 983c2a767..9f8aed7e6 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -790,3 +790,5 @@ body > header {
         }
     }
 }
+@import "community";
+
diff --git a/content/en/community/_index.md b/content/en/community/_index.md
index d7aca66eb..a6e1c380e 100644
--- a/content/en/community/_index.md
+++ b/content/en/community/_index.md
@@ -1,9 +1,10 @@
 ---
 title: Community
+type: community
+description: "Join the Tekton community — Slack, working groups, contribution guides, and governance."
 menu:
   main:
     weight: 50
 ---
 
-Find more information on the [Tekton Community
-repository](https://github.com/tektoncd/community).
+Tekton is built in the open by contributors from dozens of organizations. Whether you're fixing a typo, proposing a feature, or joining a working group, there's a place for you here.
diff --git a/layouts/community/baseof.html b/layouts/community/baseof.html
new file mode 100644
index 000000000..223efc0ca
--- /dev/null
+++ b/layouts/community/baseof.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="{{ .Site.Language.Lang }}" class="no-js">
+  <head>
+    {{ partial "head.html" . }}
+  </head>
+  <body class="td-{{ .Kind }} td-community">
+    <header>
+      {{ partial "navbar.html" . }}
+    </header>
+    <div class="container-fluid td-default td-outer">
+      <main role="main" class="td-main">
+        {{ block "main" . }}{{ end }}
+      </main>
+      {{ partial "footer.html" . }}
+    </div>
+    {{ partial "privacy-notice.html" }}
+    {{ partialCached "scripts.html" . }}
+  </body>
+</html>
diff --git a/layouts/community/list.html b/layouts/community/list.html
index d959a97a6..2307401da 100644
--- a/layouts/community/list.html
+++ b/layouts/community/list.html
@@ -1,20 +1,5 @@
 {{ define "main" }}
 
-<a class="td-offset-anchor"></a>
-<section class="row td-box td-box--1 position-relative td-box--danger td-box--gradient td-box--height-auto">
-    <div class="container text-center td-arrow-down">
-        <span class="h4 mb-0">
-            <h1>Welcome to the Tekton Community!</h1>
-            <p>Our mission is to be the industry-standard, cloud-native CI/CD
-            platform components and ecosystem.</p>
-        </span>
-    </div>
-</section>
-
 {{ partial "community-links.html" . }}
 
-<div class="td-content">
-    {{ .Content }}
-</div>
-
 {{ end }}
diff --git a/layouts/partials/community-links.html b/layouts/partials/community-links.html
index e1e74f2d4..58b61a241 100644
--- a/layouts/partials/community-links.html
+++ b/layouts/partials/community-links.html
@@ -1,118 +1,152 @@
-<section class="row td-box td-box--4 td-box--gradient td-box--height-auto linkbox">
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-        <h2>Get involved</h2>
-        <p>Read our contribution standards:</p>
-        <ul>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/code-of-conduct.md">
-              Code of conduct</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/design-principles.md">
-              Design principles</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/standards.md#commit-messages">
-              Commits standards</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/standards.md#code">
-              Code standards</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/user-profiles.md">
-              User profiles</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/releases.md">
-              Release cycles</a>
-          </li>
-        </ul>
+{{/* Section 1: Hero */}}
+{{ partial "page-hero.html" (dict "title" "Tekton Community" "subtitle" "Join us in building the industry-standard, cloud-native CI/CD platform." "link" (dict "url" "https://github.com/tektoncd/community/blob/main/code-of-conduct.md" "text" "CNCF Code of Conduct" "external" true)) }}
+
+{{/* Section 2: Get Started */}}
+<div class="community-section community-section--alt">
+  <div class="community-section__inner">
+    <h2 class="community-section__heading">Get started in our community!</h2>
+    <div class="community-pills">
+      <a href="https://join.slack.com/t/tektoncd/shared_invite/zt-1z8ctzsyv-wLXWwA2Rl3AOhcNGqpWRUw" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">💬</span> Chat on Slack
+      </a>
+      <a href="https://github.com/tektoncd/pipeline/contribute" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">🐛</span> Good First Issues
+      </a>
+      <a href="https://groups.google.com/forum/#!forum/tekton-dev" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">📧</span> Developers Mailing List
+      </a>
+      <a href="https://groups.google.com/forum/#!forum/tekton-users" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">📧</span> Users Mailing List
+      </a>
+      <a href="https://twitter.com/tektoncd" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">🐦</span> Twitter / X
+      </a>
     </div>
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-        <h2>Reach out</h2>
-        <p>Join our community spaces:</p>
-        <ul>
-          <li><i class="fab fa-slack fa-fw"></i>
-	    <a href="https://join.slack.com/t/tektoncd/shared_invite/zt-1z8ctzsyv-wLXWwA2Rl3AOhcNGqpWRUw">
-              Join the Tekton Slack!</a>
-          </li>
-          <li><i class="fab fa-twitter fa-fw"></i>
-            <a href="https://twitter.com/tektoncd">
-              Follow us on Twitter</a>
-          </li>
+  </div>
+</div>
 
-          <li><i class="fa fa-inbox fa-fw"></i>
-            <a href="https://groups.google.com/forum/#!forum/tekton-dev">
-              Tekton developers mailing list</a>
-          </li>
-          <li><i class="fa fa-inbox fa-fw"></i>
-            <a href="https://groups.google.com/forum/#!forum/tekton-users">
-              Tekton users mailing list</a>
-          </li>
-          <li><i class="fa fa-calendar fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/working-groups.md">
-              Working groups and meetings</a>
-          </li>
-          <li><i class="fab fa-google-drive fa-fw"></i>
-            <a href="https://drive.google.com/drive/u/0/folders/0AFOvPxM9MpebUk9PVA">
-              The Tekton Developer's shared Drive</a>
-          </li>
-        </ul>
+{{/* Section 3: Community Initiatives */}}
+<div class="community-section">
+  <div class="community-section__inner">
+    <span class="community-section__label">Community Initiatives</span>
+    <h2 class="community-section__heading">Stay connected with the project</h2>
+    <div class="community-grid community-grid--2">
+      <div class="community-card">
+        <div class="community-card__header">
+          <div class="community-card__icon community-card__icon--orange" aria-hidden="true">📅</div>
+          <h3>Community Meetings</h3>
+        </div>
+        <p>Join our regular meetings — everyone is welcome to listen, ask questions, and contribute.</p>
+        <a href="https://calendar.google.com/calendar/embed?src=tektoncd@gmail.com" class="community-card__cta" target="_blank" rel="noreferrer">
+          View schedule →
+        </a>
+      </div>
+      <div class="community-card">
+        <div class="community-card__header">
+          <div class="community-card__icon community-card__icon--blue" aria-hidden="true">👥</div>
+          <h3>Working Groups</h3>
+        </div>
+        <p>Focused teams drive specific areas of the project. Find one that matches your interests.</p>
+        <a href="https://github.com/tektoncd/community/blob/main/working-groups.md" class="community-card__cta" target="_blank" rel="noreferrer">
+          Join a group →
+        </a>
+      </div>
     </div>
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-        <h2>Contribution process</h2>
-        <p>Check out our processes:</p>
+  </div>
+</div>
+
+{{/* Section 4: Contributing */}}
+<div class="community-section community-section--alt">
+  <div class="community-section__inner">
+    <h2 class="community-section__heading">Contributing</h2>
+    <div class="community-grid community-grid--3">
+      <div class="community-card">
+        <div class="community-card__header">
+          <div class="community-card__icon community-card__icon--teal" aria-hidden="true">📝</div>
+          <h3>Code &amp; Docs</h3>
+        </div>
+        <p>Read our contribution standards and start contributing to Tekton.</p>
         <ul>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/process/README.md#finding-something-to-work-on">
-              Find something to work on</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/process/README.md#proposing-features">
-              Propose new features</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/process/contributor-ladder.md">
-              Contributor ladder</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/process/README.md#reviews">
-              Pull requests reviews</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/process/projects.md">
-              Propose new projects</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/org/README.md">
-              GitHub Org management</a>
-          </li>
-          <li><i class="fab fa-github fa-fw"></i>
-            <a href="https://github.com/tektoncd/community/blob/main/org/README.md">
-              Contributor's Licence Agreement</a>
-          </li>
+          <li><a href="{{ relURL "docs/contribute/" }}">Contribution Guide</a></li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/standards.md#code" target="_blank" rel="noreferrer">Code Standards</a></li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/standards.md#commit-messages" target="_blank" rel="noreferrer">Commit Standards</a></li>
         </ul>
-    </div>
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-        <h2>Contribute to documentation</h2>
-        <p>Help improve the Tekton documentation:</p>
+      </div>
+      <div class="community-card">
+        <div class="community-card__header">
+          <div class="community-card__icon community-card__icon--purple" aria-hidden="true">⚙️</div>
+          <h3>Pull Requests</h3>
+        </div>
+        <p>Understand how to propose, review, and ship contributions.</p>
         <ul>
-          <li><i class="fas fa-book fa-fw"></i>
-            <a href="/docs/contribute/#contribute-documentation">
-              Documentation contribution guide</a>
-          </li>
-          <li><i class="fas fa-blog fa-fw"></i>
-            <a href="/docs/contribute/blog-guidelines/">
-              Blog post guidelines</a>
-          </li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/process/README.md#reviews" target="_blank" rel="noreferrer">PR Reviews</a></li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/process/README.md#proposing-features" target="_blank" rel="noreferrer">Feature Proposals</a></li>
+          <li><a href="https://github.com/tektoncd/community/tree/main/teps" target="_blank" rel="noreferrer">TEPs (Enhancement Proposals)</a></li>
         </ul>
+      </div>
+      <div class="community-card">
+        <div class="community-card__header">
+          <div class="community-card__icon community-card__icon--amber" aria-hidden="true">🪜</div>
+          <h3>Contributor Ladder</h3>
+        </div>
+        <p>Grow from first-time contributor to project lead. Every step is documented.</p>
+        <ul>
+          <li><a href="https://github.com/tektoncd/community/blob/main/process/contributor-ladder.md" target="_blank" rel="noreferrer">Contributor Ladder</a></li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/process/README.md#finding-something-to-work-on" target="_blank" rel="noreferrer">Find Work</a></li>
+          <li><a href="https://github.com/tektoncd/community/blob/main/releases.md" target="_blank" rel="noreferrer">Release Cycles</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+
+{{/* Section 5: Governance */}}
+<div class="community-section">
+  <div class="community-section__inner">
+    <h2 class="community-section__heading">Governance</h2>
+    <div class="community-pills">
+      <a href="https://github.com/tektoncd/community/blob/main/governance.md" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">🏛️</span> Governance Model
+      </a>
+      <a href="https://github.com/tektoncd/community/tree/main/teps" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">📋</span> TEPs
+      </a>
+      <a href="https://github.com/tektoncd/community/blob/main/roadmap.md" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">🗺️</span> Roadmap
+      </a>
+      <a href="https://github.com/tektoncd/community/blob/main/design-principles.md" class="community-pill" target="_blank" rel="noreferrer">
+        <span class="community-pill__icon" aria-hidden="true">📐</span> Design Principles
+      </a>
+    </div>
+  </div>
+</div>
+
+{{/* Section 6: Adopters */}}
+<div class="community-section community-section--alt community-adopters">
+  <div class="community-section__inner">
+    <h2 class="community-section__heading community-adopters__heading">Trusted by</h2>
+    <div class="community-adopters__logos">
+      {{ $logos := slice
+        (dict "file" "google.svg" "name" "Google")
+        (dict "file" "ibm.svg" "name" "IBM")
+        (dict "file" "redhat.svg" "name" "Red Hat")
+        (dict "file" "alibaba.svg" "name" "Alibaba")
+        (dict "file" "Nubank_logo_2021.svg" "name" "Nubank")
+        (dict "file" "alauda.svg" "name" "Alauda")
+        (dict "file" "giantswarmio.svg" "name" "Giant Swarm")
+        (dict "file" "Allianz_Direct.svg" "name" "Allianz Direct")
+        (dict "file" "Marriott_Vacations.svg" "name" "Marriott Vacations")
+        (dict "file" "kadaster.svg" "name" "Kadaster")
+        (dict "file" "onestock.svg" "name" "OneStock")
+      }}
+      {{ range $logos }}
+      <img src="{{ printf "images/adopters/%s" .file | relURL }}" alt="{{ .name }}" class="community-adopters__logo" loading="lazy">
+      {{ end }}
     </div>
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-        <h2>Learn about Tekton users</h2>
-        <p>Open source projects, cloud vendors, and end users are building
-        amazing things with Tekton. Check out the
-        <a href="https://github.com/tektoncd/community/blob/main/adopters.md">
-          list of Tekton Adopters</a> to learn more.</p>
+    <div class="community-adopters__link">
+      <a href="https://github.com/tektoncd/community/blob/main/adopters.md" class="community-card__cta" target="_blank" rel="noreferrer">
+        View all adopters →
+      </a>
     </div>
-</section>
+  </div>
+</div>