From d83f2e4954af0804572846582eb42efc56f8270c Mon Sep 17 00:00:00 2001
From: ralksta <ralksta@users.noreply.github.com>
Date: Sun, 8 Mar 2026 16:59:18 +0100
Subject: [PATCH] docs: add grid layout screenshots to theming guide

---
 docs/theming.md | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/docs/theming.md b/docs/theming.md
index 5a1f258..3c40344 100644
--- a/docs/theming.md
+++ b/docs/theming.md
@@ -61,6 +61,43 @@ Default is `studio` if no theme is specified.
   </tr>
 </table>
 
+### Grid View Examples
+
+<table>
+  <tr>
+    <td align="center"><strong>Studio</strong></td>
+    <td align="center"><strong>Minimal</strong></td>
+  </tr>
+  <tr>
+    <td><img src="screenshots/theme-studio-grid.png" width="400" alt="Studio grid" /></td>
+    <td><img src="screenshots/theme-minimal-grid.png" width="400" alt="Minimal grid" /></td>
+  </tr>
+  <tr>
+    <td align="center"><strong>Editorial</strong></td>
+    <td align="center"><strong>Classic</strong></td>
+  </tr>
+  <tr>
+    <td><img src="screenshots/theme-editorial-grid.png" width="400" alt="Editorial grid" /></td>
+    <td><img src="screenshots/theme-classic-grid.png" width="400" alt="Classic grid" /></td>
+  </tr>
+  <tr>
+    <td align="center"><strong>Noir</strong></td>
+    <td align="center"><strong>Monograph</strong></td>
+  </tr>
+  <tr>
+    <td><img src="screenshots/theme-noir-grid.png" width="400" alt="Noir grid" /></td>
+    <td><img src="screenshots/theme-monograph-grid.png" width="400" alt="Monograph grid" /></td>
+  </tr>
+  <tr>
+    <td align="center"><strong>Botanica</strong></td>
+    <td></td>
+  </tr>
+  <tr>
+    <td><img src="screenshots/theme-botanica-grid.png" width="400" alt="Botanica grid" /></td>
+    <td></td>
+  </tr>
+</table>
+
 ### What makes each theme unique
 
 **Studio** (default) — Leica-inspired with a red nav dot, passepartout photo frames, film grain, and a split hero layout. Clean editorial feel with Playfair Display headings.