diff --git a/src/templates/packages.rs b/src/templates/packages.rs
index 95f759d3..7b32f617 100644
--- a/src/templates/packages.rs
+++ b/src/templates/packages.rs
@@ -47,6 +47,8 @@ mod tests {
 
     let metadata = Metadata {
       artwork: Some("foo.png".parse().unwrap()),
+      creator: Some("foo".parse().unwrap()),
+      title: Some("bar".parse().unwrap()),
       ..default()
     };
 
@@ -69,6 +71,8 @@ mod tests {
               <a href=/package/{fingerprint}>
                 <img loading=lazy src=/artwork/{fingerprint} width=150 height=150>
               </a>
+              <span class=title>bar</span>
+              <span class=creator>foo</span>
             </li>
             <li>
               <a href=/package/{fingerprint}></a>
diff --git a/static/packages.css b/static/packages.css
index 80a87edb..e46fb4a2 100644
--- a/static/packages.css
+++ b/static/packages.css
@@ -24,6 +24,16 @@
     object-fit: contain;
     width: 100%;
   }
+
+  .title {
+    color: var(--primary);
+    display: block;
+  }
+
+  .creator {
+    color: var(--secondary);
+    display: block;
+  }
 }
 
 header {
diff --git a/templates/packages.html b/templates/packages.html
index e155e56b..677d17ae 100644
--- a/templates/packages.html
+++ b/templates/packages.html
@@ -14,7 +14,7 @@ <h1>Packages</h1>
 %% match self.view {
 %%   View::Grid => {
 <ul class=grid>
-%%     for (fingerprint, artwork, _creator, _title) in self.packages() {
+%%     for (fingerprint, artwork, creator, title) in self.packages() {
   <li>
 %%       if artwork {
     <a href=/package/{{ fingerprint }}>
@@ -22,6 +22,12 @@ <h1>Packages</h1>
     </a>
 %%       } else {
     <a href=/package/{{ fingerprint }}></a>
+%%       }
+%%       if let Some(title) = title {
+    <span class=title>{{ title }}</span>
+%%       }
+%%       if let Some(creator) = creator {
+    <span class=creator>{{ creator }}</span>
 %%       }
   </li>
 %%     }