diff --git a/source/_partials/pages/blog/read-more.html.twig b/source/_partials/pages/blog/read-more.html.twig
new file mode 100644
index 00000000..781d0fc7
--- /dev/null
+++ b/source/_partials/pages/blog/read-more.html.twig
@@ -0,0 +1,6 @@
+<a
+    href="{{ post.url }}"
+    class="inline-block bg-blue hover:bg-blue-dark focus:bg-blue-dark px-4 py-3 rounded no-underline hover:underline focus:underline text-white">
+        Read more
+        <span class="visuallyhidden">about {{ post.title }}</span>
+</a>
diff --git a/source/_partials/pages/blog/teaser.html.twig b/source/_partials/pages/blog/teaser.html.twig
new file mode 100644
index 00000000..5b4b9891
--- /dev/null
+++ b/source/_partials/pages/blog/teaser.html.twig
@@ -0,0 +1,9 @@
+{% if post.summary %}
+    {{ post.summary|markdown }}
+    {% include 'pages/blog/read-more' %}
+{% elseif post.blocks.excerpt %}
+    {{ post.blocks.excerpt|markdown }}
+    {% include 'pages/blog/read-more' %}
+{% else %}
+    {{ post.blocks.content|markdown }}
+{% endif %}
diff --git a/source/blog.html b/source/blog.html
index 7e12d0c9..85e954fc 100644
--- a/source/blog.html
+++ b/source/blog.html
@@ -12,28 +12,12 @@ use: [posts]
     <ul class="list-reset">
         {% for post in page.pagination.items %}
             <li class="mb-12">
-                <h2 class="text-xl mb-2">
-                    <a href="{{ post.url }}" class="no-underline hover:underline focus:underline text-black hover:text-grey-darker focus:text-grey-darker">
-                        {{ post.title }}
-                    </a>
-                </h2>
+                <h2 class="text-xl mb-2">{{ post.title }}</h2>
 
                 {% include 'post/intro-image' with { page: post } %}
 
                 <div class="markdown mb-4">
-                    {% if post.summary %}
-                        {{ post.summary|markdown }}
-                    {% elseif post.blocks.excerpt %}
-                        {{ post.blocks.excerpt|markdown }}
-                        <a
-                            href="{{ post.url }}"
-                            class="inline-block bg-blue hover:bg-blue-dark focus:bg-blue-dark px-4 py-3 rounded no-underline hover:underline focus:underline text-white">
-                                Read more
-                                <span class="visuallyhidden">about {{ post.title }}</span>
-                        </a>
-                    {% else %}
-                        {{ post.blocks.content|markdown }}
-                    {% endif %}
+                    {% include 'pages/blog/teaser' %}
                 </div>
             </li>
         {% endfor %}