diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index 5310e97..efda042 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -1,35 +1,34 @@
 ---
 title: Distribute Aid Docs
 description: Documentation for Distribute Aid's projects, tools, and processes.
-template: splash
-hero:
-  tagline: Documentation for Distribute Aid's projects, tools, and processes.
-  actions:
-    - text: Get Started
-      link: /how-to-da/contributing
-      icon: right-arrow
-    - text: GitHub
-      link: https://github.com/distributeaid
-      icon: external
-      variant: minimal
+template: doc
 ---
 
-import { Card, CardGrid } from '@astrojs/starlight/components';
+import { Card, CardGrid, LinkButton } from '@astrojs/starlight/components';
+
+Documentation for Distribute Aid's projects, tools, and processes.
 
 ## Projects
 
 <CardGrid>
-  <Card title="Needs Assessment" icon="document">
-    Data collection and analysis for understanding aid distribution needs across
-    regions.
-  </Card>
-  <Card title="Website" icon="laptop">
-    The next generation of the Distribute Aid public website.
-  </Card>
-  <Card title="Aggregated Public Information" icon="information">
-    Collecting and organizing publicly available aid-related data.
-  </Card>
-  <Card title="Getting Started" icon="rocket">
-    New to Distribute Aid? Start here to learn how to contribute.
-  </Card>
+<Card title="Needs Assessment" icon="document">
+Data collection and analysis for understanding aid distribution needs across regions.
+
+<LinkButton href="/needs-assessment/" variant="secondary" icon="right-arrow">Needs Assessment docs</LinkButton>
+</Card>
+<Card title="Website" icon="laptop">
+The next generation of the Distribute Aid public website.
+
+<LinkButton href="/website/" variant="secondary" icon="right-arrow">Website docs</LinkButton>
+</Card>
+<Card title="Aggregated Public Information" icon="information">
+Collecting and organizing publicly available aid-related data.
+
+<LinkButton href="/aggregated-public-information/" variant="secondary" icon="right-arrow">API docs</LinkButton>
+</Card>
+<Card title="Getting Started" icon="rocket">
+New to Distribute Aid? Start here to learn how to contribute.
+
+<LinkButton href="/how-to-da/contributing/" variant="secondary" icon="right-arrow">Get started</LinkButton>
+</Card>
 </CardGrid>
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 476937e..ed4f69a 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -12,3 +12,23 @@
   --sl-hue-accent: 222;
   --sl-hue-blue: 222;
 }
+
+/* Card CTA buttons: bottom-aligned across a row, with a guaranteed gap
+   above so the button never crowds the description in denser cards. */
+.sl-markdown-content .card {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 1.2rem;
+}
+.sl-markdown-content .card .body {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+.sl-markdown-content .card .body > p {
+  margin-bottom: 1.5rem;
+}
+.sl-markdown-content .card .sl-link-button {
+  margin-top: auto;
+  align-self: flex-start;
+}