diff --git a/src/assets/css/blocks/pill.css b/src/assets/css/blocks/pill.css
new file mode 100644
index 0000000..66a9d30
--- /dev/null
+++ b/src/assets/css/blocks/pill.css
@@ -0,0 +1,17 @@
+.pill {
+  background-color: var(--color-bg-soft);
+  border-radius: 0.5rem;
+}
+
+.pill:hover {
+  background-color: var(--color-text);
+  color: var(--color-bg);
+}
+
+a.pill {
+  text-decoration: none;
+}
+
+.pill-count {
+  color: var(--color-text-soft);
+}
diff --git a/src/content/pages/tags.html b/src/content/pages/tags.html
new file mode 100644
index 0000000..167b160
--- /dev/null
+++ b/src/content/pages/tags.html
@@ -0,0 +1,19 @@
+---
+title: All tags
+permalink: /tags/index.html
+layout: base
+---
+
+<section class="[ flow ]">
+    <h1>Tags</h1>
+    {% set categories = collections.categories | entries %}
+    <ol class="[ flex gap-1 list-none p-0 mb-0 ]">
+        {% for tag in categories %}
+            {% set key = tag | first %}
+            {% set count = tag | last %}
+            <li>
+                <a href="/tag/{{ key }}" class="[ pill ] [ px-1 py-0.5 ]">{{ key }} <span class="[ pill-count ]">{{ count }}</span></a>
+            </li>
+        {% endfor %}
+    </ol>
+</section>
diff --git a/src/content/posts/hello_world.md b/src/content/posts/hello_world.md
index 1eae2b5..8d8c383 100644
--- a/src/content/posts/hello_world.md
+++ b/src/content/posts/hello_world.md
@@ -1,3 +1,9 @@
-# Hello world
+---
+title: Hello world
+date: 2017-01-01
+categories:
+- test
+- email
+---
 
 This is a test post.