diff --git a/src/_includes/macros/catalogue.njk b/src/_includes/macros/catalogue.njk
index 7ba1bea..c7e405f 100644
--- a/src/_includes/macros/catalogue.njk
+++ b/src/_includes/macros/catalogue.njk
@@ -1,14 +1,37 @@
-{% macro list(posts) %}
-<ul class="[ catalogue-list ] [ flow list-none m-0 p-0 flow-space-0.5 ]">
-    {% for post in posts %}
-        <li class="[ catalogue-list-item line-height-l ]">
-                <div>
-                    <a href="{{ post.url }}">{{ post.data.title }}</a>
-                </div>
-                <div class="[ font-size-s line-height-s ]"><p class="[ bg-surface text-primary p-0.5 radius-0.25 ]">{{ post.data.tags[1] }}</p></div>
-                <div class="[ text-fadeText ]">{{ post.date | formatDate("MM/DD") }}</div>
-        </li>
-    {% endfor %}
-</ul>
+{% from "macros/utils.njk" import stars %}
+
+{% macro one(post, format) %}
+<article class="[ posts-list-item column-gap-0.5 justify-between line-height-m ]">
+    <a href="{{ post.url }}">{{ post.data.title }}</a>
+    <p class="[ text-fadeText ]">{{ post.date | formatDate("MM/DD") }}</p>
+    <div class="[ cluster mt-0.5 ]">
+        <div class="[ font-size-s ]"><p class="[ bg-surface text-fadeText p-0.5 radius-0.25 line-height-s ]">{{ post.data.tags[1] }}</p></div>
+        {% if post.data.rating %}
+            {{ stars(post.data.rating) }}
+        {% endif %}
+    </div>
+</article>
+{% endmacro %}
+
+{% macro list(posts) %}
+<ol class="[ posts-list ] [ flow list-none p-0 ]">
+    {% for post in posts %}
+        <li>
+            {{ one(post, format) }}
+        </li>
+    {% endfor %}
+</ol>
+{% endmacro %}
+
+{% macro yearList(posts, year, format = "MM/DD") %}
+<section class="[ flow ]">
+    <header class="[ cluster gap-0.5 ]">
+        <h2>{{ year }}</h2>
+        <p class="[ bg-surface text-fadeText px-0.5 py-0.25 font-size-s line-height-s radius-0.5 ]">
+            {{ posts | length }}
+        </p>
+    </header>
+    {{ list(posts, format) }}
+</section>
 {% endmacro %}
 
diff --git a/src/_includes/macros/posts.njk b/src/_includes/macros/posts.njk
index b9b15f5..6e411e4 100644
--- a/src/_includes/macros/posts.njk
+++ b/src/_includes/macros/posts.njk
@@ -1,13 +1,29 @@
+{% macro one(post, format = "MM/DD") %}
+<article class="[ posts-list-item column-gap-0.5 justify-between line-height-l ]">
+    <a href="{{ post.url }}">{{ post.data.title }}</a>
+    <p class="[ text-fadeText ]">{{ post.date | formatDate(format) }}</p>
+    <p class="[ text-fadeText font-size-s line-height-m ]">{{ post.data.excerpt }}</p>
+</article>
+{% endmacro %}
+
 {% macro list(posts, format = "MM/DD") %}
-<ul class="[ posts-list ] [ flow list-none m-0 p-0 flow-space-0.5 ]">
+<ol class="[ posts-list ] [ flow list-none p-0 ]">
     {% for post in posts %}
-        <li class="[ posts-list-item line-height-l gap-1 ]">
-                <div>
-                    <a href="{{ post.url }}">{{ post.data.title }}</a>
-                    <div class="[ text-fadeText font-size-s line-height-m ]">{{ post.data.excerpt }}</div>
-                </div>
-                <div class="[ text-fadeText ]">{{ post.date | formatDate(format) }}</div>
+        <li class="[ flow-space-0.5 ]">
+            {{ one(post, format) }}
         </li>
     {% endfor %}
-</ul>
+</ol>
+{% endmacro %}
+
+{% macro yearList(posts, year, format = "MM/DD") %}
+<section class="[ flow ]">
+    <header class="[ cluster gap-0.5 ]">
+        <h2>{{ year }}</h2>
+        <p class="[ bg-surface text-fadeText px-0.5 py-0.25 font-size-s line-height-s radius-0.5 ]">
+            {{ posts | length }}
+        </p>
+    </header>
+    {{ list(posts, format) }}
+</section>
 {% endmacro %}
diff --git a/src/catalogue-type.html b/src/catalogue-type.html
index 6b0e320..c6d600c 100644
--- a/src/catalogue-type.html
+++ b/src/catalogue-type.html
@@ -12,7 +12,7 @@ eleventyComputed:
     title: Catalogue - {{ type | pluralize | capitalize }}
 ---
 
-{% from "macros/catalogue.njk" import list %}
+{% from "macros/catalogue.njk" import yearList %}
 <h1>{{ type | pluralize | capitalize }}</h1>
 {% set catalogueTypes = collections.catalogueByType | keys %}
 <ul class="[ cluster p-0 gap-0.5 ]" role="list">
@@ -28,9 +28,6 @@ eleventyComputed:
 <section class="[ flow ]">
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
-        <h2>{{ year }}</h2>
-        <section class="[ items ] [ flex-col gap-0.25 ]">
-            {{ list(itemsInYear) }}
-        </section>
+        {{ yearList(itemsInYear, year) }}
     {% endfor %}
 </section>
diff --git a/src/catalogue.html b/src/catalogue.html
index 318c028..3f53c92 100644
--- a/src/catalogue.html
+++ b/src/catalogue.html
@@ -4,7 +4,7 @@ permalink: /catalogue/index.html
 title: Catalogue
 ---
 
-{% from "macros/catalogue.njk" import list %}
+{% from "macros/catalogue.njk" import yearList %}
 <h1>Catalogue</h1>
 <p>A collection of my thoughts on various forms of media that I consume.</p>
 {% set catalogueTypes = collections.catalogueByType | keys %}
@@ -21,9 +21,6 @@ title: Catalogue
 <section class="[ flow ]">
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
-        <h2>{{ year }}</h2>
-        <section>
-            {{ list(itemsInYear) }}
-        </section>
+        {{ yearList(itemsInYear, year) }}
     {% endfor %}
 </section>
diff --git a/src/css/blocks/posts.css b/src/css/blocks/posts.css
index c415f23..cb91bc4 100644
--- a/src/css/blocks/posts.css
+++ b/src/css/blocks/posts.css
@@ -1,4 +1,4 @@
 .posts-list-item {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: auto auto;
 }
diff --git a/src/css/utilities/fonts.css b/src/css/utilities/fonts.css
index 15e7406..902f9e5 100644
--- a/src/css/utilities/fonts.css
+++ b/src/css/utilities/fonts.css
@@ -29,3 +29,7 @@
 .line-height-l {
   line-height: 1.5rem;
 }
+
+.line-height-xl {
+  line-height: 2rem;
+}
diff --git a/src/index.html b/src/index.html
index 9aeb3a9..3484d59 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,14 +13,18 @@ permalink: /
 <p>
     If you're interested, I have an <a href="/about">about page</a> all about me!
 </p>
-<h2>Favourite posts</h2>
-<p>Hand-picked, curated selection of my favourite posts!</p>
-{% set favouritePosts = collections.post | filterFavourites | reverse %}
 <section>
+    <header class="[ flow ]">
+        <h2>Favourite posts</h2>
+        <p>Hand-picked, curated selection of my favourite posts!</p>
+    </header>
+    {% set favouritePosts = collections.post | filterFavourites | reverse %}
     {{ list(favouritePosts, "MM/DD/YYYY") }}
 </section>
-<h2>Recent posts</h2>
-{% set recentPosts = collections.post | reverse | limit(5) %}
 <section>
+    <header>
+        <h2>Recent posts</h2>
+    </header>
+    {% set recentPosts = collections.post | reverse | limit(5) %}
     {{ list(recentPosts, "MM/DD/YYYY") }}
 </section>
diff --git a/src/posts.html b/src/posts.html
index 4891eb3..8e650f9 100644
--- a/src/posts.html
+++ b/src/posts.html
@@ -4,7 +4,7 @@ permalink: /posts/index.html
 title: Posts
 ---
 
-{% from "macros/posts.njk" import list %}
+{% from "macros/posts.njk" import yearList %}
 <h1>All posts</h1>
 <p>
     Browse all of my posts, or narrow things down <a href="/tags">via tags</a>.
@@ -14,9 +14,6 @@ title: Posts
 <section class="[ flow ]">
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
-        <h2>{{ year }}</h2>
-        <section>
-            {{ list(itemsInYear) }}
-        </section>
+        {{ yearList(itemsInYear, year) }}
     {% endfor %}
 </section>
diff --git a/src/tag.html b/src/tag.html
index b1c659a..cde3325 100644
--- a/src/tag.html
+++ b/src/tag.html
@@ -9,7 +9,7 @@ pagination:
 permalink: /tags/{{ tag | slugify }}/index.html
 ---
 
-{% from "macros/posts.njk" import list %}
+{% from "macros/posts.njk" import yearList %}
 <h1>Tag: {{ tag }}</h1>
 <p>
     All posts tagged with "{{ tag }}", or go back to <a href="/tags">all tags</a>.
@@ -19,9 +19,6 @@ permalink: /tags/{{ tag | slugify }}/index.html
 <section class="[ flow ]">
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
-        <h2>{{ year }}</h2>
-        <section>
-            {{ list(itemsInYear) }}
-        </section>
+        {{ yearList(itemsInYear, year) }}
     {% endfor %}
 </section>