diff --git a/hugo.toml b/hugo.toml
index 353ba4b..d5f2445 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -4,7 +4,7 @@ title = "Roux"
 enableRobotsTXT = true
 enableGitInfo = false
 [pagination]
-pagerSize = 200
+pagerSize = 10
 
 [taxonomies]
 category = "categories"
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index f6aabf6..de4a300 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -24,12 +24,14 @@
   {{- end }}
 </section>
 
+{{- $paginator := .Paginate .Pages }}
 <section id="grid" data-density="default"
          data-filter-type="{{ .Kind }}"
          data-filter-value="{{ .Title }}"
          class="grid [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))] gap-[var(--gap)] px-[var(--pad)] py-[var(--gap)]">
-  {{- range $i, $p := .Pages }}
+  {{- range $i, $p := $paginator.Pages }}
     {{- partial "card.html" (dict "Page" $p "Index" $i) }}
   {{- end }}
 </section>
+{{- partial "pagination.html" $paginator }}
 {{ end }}
diff --git a/layouts/issues/list.html b/layouts/issues/list.html
index 4af756d..1484a96 100644
--- a/layouts/issues/list.html
+++ b/layouts/issues/list.html
@@ -9,10 +9,12 @@
   <p class="font-serif italic text-[clamp(13px,1vw,16px)] leading-[1.65] text-ink-2 max-w-[55ch] m-0">{{ .Params.description }}</p>
 </section>
 
+{{- $paginator := .Paginate .Pages }}
 <section id="grid" data-density="default"
          class="grid [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))] gap-[var(--gap)] px-[var(--pad)] py-[var(--gap)]">
-  {{- range $i, $p := .Pages }}
+  {{- range $i, $p := $paginator.Pages }}
     {{- partial "card.html" (dict "Page" $p "Index" $i) }}
   {{- end }}
 </section>
+{{- partial "pagination.html" $paginator }}
 {{ end }}
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644
index 0000000..64add6a
--- /dev/null
+++ b/layouts/partials/pagination.html
@@ -0,0 +1,59 @@
+{{- $p := . }}
+{{- if gt $p.TotalPages 1 }}
+<nav aria-label="Pagination"
+     class="flex items-center justify-center gap-1
+            px-[var(--pad)] py-[clamp(24px,3vw,40px)]
+            border-t border-[var(--rule)] mt-[var(--gap)]">
+
+  {{/* Prev */}}
+  {{- if $p.HasPrev }}
+    <a href="{{ $p.Prev.URL }}"
+       class="flex items-center gap-1.5 px-4 py-2 mr-3
+              font-sans font-medium text-[11px] leading-none tracking-[.14em] uppercase text-ink-soft
+              border border-[var(--rule)] transition-colors duration-200 hover:text-ink hover:border-ink">
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
+      Prev
+    </a>
+  {{- else }}
+    <span class="flex items-center gap-1.5 px-4 py-2 mr-3
+                 font-sans font-medium text-[11px] leading-none tracking-[.14em] uppercase
+                 text-ink-soft opacity-30 border border-[var(--rule-2)]">
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
+      Prev
+    </span>
+  {{- end }}
+
+  {{/* Page numbers */}}
+  {{- range $p.Pagers }}
+    {{- if eq .PageNumber $p.PageNumber }}
+      <span class="w-9 h-9 grid place-items-center
+                   font-mono text-[11px] tabular-nums
+                   bg-ink text-paper border border-ink">{{ .PageNumber }}</span>
+    {{- else }}
+      <a href="{{ .URL }}"
+         class="w-9 h-9 grid place-items-center
+                font-mono text-[11px] tabular-nums text-ink-soft
+                border border-[var(--rule)] transition-colors duration-200 hover:text-ink hover:border-ink">{{ .PageNumber }}</a>
+    {{- end }}
+  {{- end }}
+
+  {{/* Next */}}
+  {{- if $p.HasNext }}
+    <a href="{{ $p.Next.URL }}"
+       class="flex items-center gap-1.5 px-4 py-2 ml-3
+              font-sans font-medium text-[11px] leading-none tracking-[.14em] uppercase text-ink-soft
+              border border-[var(--rule)] transition-colors duration-200 hover:text-ink hover:border-ink">
+      Next
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>
+    </a>
+  {{- else }}
+    <span class="flex items-center gap-1.5 px-4 py-2 ml-3
+                 font-sans font-medium text-[11px] leading-none tracking-[.14em] uppercase
+                 text-ink-soft opacity-30 border border-[var(--rule-2)]">
+      Next
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>
+    </span>
+  {{- end }}
+
+</nav>
+{{- end }}