diff --git a/_data/projects.yml b/_data/projects.yml
new file mode 100644
index 0000000..f3f5fd0
--- /dev/null
+++ b/_data/projects.yml
@@ -0,0 +1,6 @@
+- title: haileyok/phoebe
+  description: Trust and safety agent that interacts with Osprey for investigation, real-time analysis, and prevention implementations
+  url: https://github.com/haileyok/phoebe
+  tags:
+    - osprey
+    - agent
diff --git a/index.html b/index.html
index 5df078e..dc88641 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,17 @@ layout: default
 <p>A collection of community projects, experiments, and demos built on or from ROOST open source projects.</p>
 <p>Projects on this page are not developed or endorsed by ROOST, and may not be intended for production use. Check each project’s documentation for details.</p>
 <ul id="projects">
+  {% for project in site.data.projects %}
+    <li>
+      <a href="{{ project.url }}">
+        <h2>{{ project.title }}</h2>
+        <p>{{ project.description }}</p>
+        {% for tag in project.tags %}
+          <span class="tag {{ tag }}">{{ tag }}</span>
+        {% endfor %}
+      </a>
+    </li>
+  {% endfor %}
   <li>
     <a href="#">
       <h2>Project name</h2>
diff --git a/style.css b/style.css
index ff0f1d8..dff7cd3 100644
--- a/style.css
+++ b/style.css
@@ -9,7 +9,7 @@
   --fg: var(--roost-dark);
   --font-sans: "Funnel Sans", sans-serif;
   --font-display: "Funnel Display", sans-serif;
-  --max-width: 800px;
+  --max-width: 1000px;
 
   background-color: var(--bg);
   color: var(--fg);
@@ -100,6 +100,7 @@ ul#projects {
   border-radius: 1em;
   color: inherit;
   display: block;
+  max-width: calc(var(--max-width) / 2);
   padding: 1em 1.5em;
   text-decoration: none;
 }
@@ -126,3 +127,13 @@ ul#projects {
   margin: 0 auto;
   padding: 0;
 }
+
+#projects .tag {
+  background-color: var(--project-color);
+  border-radius: 999px;
+  color: var(--roost-dark);
+  display: inline-block;
+  font-size: 0.8em;
+  padding: 0.125em 0.5em;
+  margin-top: 1em;
+}