diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..c6f3fce
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,5 @@
++++
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+date = {{ .Date }}
+draft = true
++++
diff --git a/content/lorem.md b/content/lorem.md
new file mode 100644
index 0000000..6612c8b
--- /dev/null
+++ b/content/lorem.md
@@ -0,0 +1,62 @@
+---
+title: Lorem Ipsum
+---
+
+## Nulla at Volutpat
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut venenatis tellus in metus
+vulputate eu scelerisque felis imperdiet. Consequat semper viverra nam libero
+justo. Sit amet massa vitae tortor condimentum lacinia quis vel. Massa massa
+ultricies mi quis hendrerit dolor magna eget. Est sit amet facilisis magna etiam
+tempor orci eu lobortis. Cursus turpis massa tincidunt dui ut ornare. Elit
+pellentesque habitant morbi tristique senectus. Morbi blandit cursus risus at
+ultrices mi tempus imperdiet nulla. Odio pellentesque diam volutpat commodo sed
+egestas egestas fringilla phasellus. Cursus vitae congue mauris rhoncus.
+
+Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Fermentum et
+sollicitudin ac orci phasellus egestas tellus rutrum tellus. Fermentum leo vel
+orci porta non pulvinar neque laoreet. Proin libero nunc consequat interdum
+varius sit amet mattis vulputate. Semper viverra nam libero justo laoreet sit.
+Consequat id porta nibh venenatis cras sed felis. Ultrices eros in cursus turpis
+massa. Dictum non consectetur a erat. Cras sed felis eget velit. Quam adipiscing
+vitae proin sagittis nisl rhoncus mattis rhoncus. Amet justo donec enim diam
+vulputate ut pharetra sit amet. Velit sed ullamcorper morbi tincidunt ornare
+massa. Posuere sollicitudin aliquam ultrices sagittis. Tortor id aliquet lectus
+proin nibh nisl condimentum. Enim lobortis scelerisque fermentum dui faucibus
+in. Diam in arcu cursus euismod quis viverra. Tellus in metus vulputate eu.
+Nullam ac tortor vitae purus faucibus ornare. Justo laoreet sit amet cursus sit
+amet dictum sit.
+
+## Nibh Mauris Cursus Mattis Molestie
+
+Lacus vestibulum sed arcu non odio euismod lacinia at. Tempus egestas sed sed
+risus pretium. Pharetra massa massa ultricies mi quis hendrerit dolor magna
+eget. Et malesuada fames ac turpis egestas integer eget. Feugiat pretium nibh
+ipsum consequat nisl vel pretium lectus quam. Cras ornare arcu dui vivamus arcu.
+Amet venenatis urna cursus eget nunc scelerisque viverra mauris. Diam phasellus
+vestibulum lorem sed risus ultricies tristique nulla aliquet. Enim ut sem
+viverra aliquet eget sit. Mi sit amet mauris commodo. Amet facilisis magna etiam
+tempor orci eu. In hac habitasse platea dictumst vestibulum. Sapien et ligula
+ullamcorper malesuada proin libero. Quis blandit turpis cursus in hac habitasse.
+In ante metus dictum at tempor commodo ullamcorper.
+
+Id nibh tortor id aliquet lectus proin. Fringilla est ullamcorper eget nulla
+facilisi. Curabitur vitae nunc sed velit dignissim sodales. Magna fringilla urna
+porttitor rhoncus dolor purus non enim. Odio ut sem nulla pharetra diam sit
+amet. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis
+ipsum suspendisse ultrices gravida dictum fusce. Dictum fusce ut placerat orci
+nulla pellentesque. Sodales neque sodales ut etiam sit amet nisl purus in. Augue
+interdum velit euismod in pellentesque massa placerat duis ultricies.
+
+Sit amet commodo nulla facilisi nullam vehicula. Laoreet suspendisse interdum
+consectetur libero. Libero id faucibus nisl tincidunt eget. Consectetur a erat
+nam at lectus urna duis. Et netus et malesuada fames ac turpis egestas maecenas.
+Id donec ultrices tincidunt arcu. Urna duis convallis convallis tellus id
+interdum velit laoreet. Ut etiam sit amet nisl purus in mollis. Tempor commodo
+ullamcorper a lacus vestibulum sed arcu non odio. Risus quis varius quam quisque
+id diam. Malesuada proin libero nunc consequat interdum varius sit. Vitae
+ultricies leo integer malesuada nunc vel risus commodo viverra. Vitae suscipit
+tellus mauris a diam maecenas. Duis convallis convallis tellus id interdum velit
+laoreet id. Hac habitasse platea dictumst vestibulum rhoncus. Ac orci phasellus
+egestas tellus.
diff --git a/go.mod b/go.mod
new file mode 100644
index 0000000..08e973a
--- /dev/null
+++ b/go.mod
@@ -0,0 +1,3 @@
+module erynwells.me/test-site/v2
+
+go 1.22.4
diff --git a/hugo.yaml b/hugo.yaml
new file mode 100644
index 0000000..0368e7e
--- /dev/null
+++ b/hugo.yaml
@@ -0,0 +1,10 @@
+baseURL: https://example.org/
+languageCode: en-us
+title: Test Site
+
+theme:
+  - "design-system"
+
+modules:
+  imports:
+    - path: "design-system"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..10d5b2f
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>Test Site</title>
+    {{ with (partial "system_css.html" .) }}
+      <link rel=stylesheet href={{ .Permalink }}>
+    {{ end }}
+  </head>
+  <body>
+    <main>
+    {{ block "main" . }}{{ end }}
+    </main>
+  </body>
+<style>
+main {
+    h1 {
+        font-size: var(--font-size-xxl);
+        margin: 0;
+        margin-block: var(--spacing-l);
+    }
+
+    h2 {
+        font-size: var(--font-size-xl);
+        margin: 0;
+        margin-block: var(--spacing-l);
+    }
+    h2:has(+ p) { margin-block-end: var(--spacing-s); }
+
+    p {
+        margin: 0;
+        margin-block-end: var(--spacing-l);
+    }
+}
+</style>
+</html>
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
new file mode 100644
index 0000000..a0f2f41
--- /dev/null
+++ b/layouts/_default/home.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+<h1>Hello world!</h1>
+{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..da50ad1
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,9 @@
+{{ define "main" }}
+<header>
+    <h1>{{ .Title }}</h1>
+    {{ if .Date }}
+      <time>{{ .Date | time.Format "2006.01.02" }}</time>
+    {{ end }}
+</header>
+{{ .Content }}
+{{ end }}
diff --git a/public/categories/index.xml b/public/categories/index.xml
new file mode 100644
index 0000000..12bd51a
--- /dev/null
+++ b/public/categories/index.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Categories on Test Site</title>
+    <link>http://localhost:1313/categories/</link>
+    <description>Recent content in Categories on Test Site</description>
+    <generator>Hugo</generator>
+    <language>en-us</language>
+    <atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>
diff --git a/public/css/system.css b/public/css/system.css
new file mode 100644
index 0000000..61a6444
--- /dev/null
+++ b/public/css/system.css
@@ -0,0 +1,73 @@
+
+
+:root {
+  --spacing-xxs: 0.236rem;
+  --spacing-xs: 0.382rem;
+  --spacing-s: 0.618rem;
+  --spacing-m: 1.000rem;
+  --spacing-l: 1.618rem;
+  --spacing-xl: 2.618rem;
+  --spacing-xxl: 4.236rem;
+}
+
+
+/* Spacing utility classes: xxs */
+.sp-bls-xxs { margin-block-start: var(--spacing-xxs); }
+.sp-ble-xxs { margin-block-end: var(--spacing-xxs); }
+.sp-ins-xxs { margin-inline-start: var(--spacing-xxs); }
+.sp-ine-xxs { margin-inline-end: var(--spacing-xxs); }
+
+/* Spacing utility classes: xs */
+.sp-bls-xs { margin-block-start: var(--spacing-xs); }
+.sp-ble-xs { margin-block-end: var(--spacing-xs); }
+.sp-ins-xs { margin-inline-start: var(--spacing-xs); }
+.sp-ine-xs { margin-inline-end: var(--spacing-xs); }
+
+/* Spacing utility classes: s */
+.sp-bls-s { margin-block-start: var(--spacing-s); }
+.sp-ble-s { margin-block-end: var(--spacing-s); }
+.sp-ins-s { margin-inline-start: var(--spacing-s); }
+.sp-ine-s { margin-inline-end: var(--spacing-s); }
+
+/* Spacing utility classes: m */
+.sp-bls-m { margin-block-start: var(--spacing-m); }
+.sp-ble-m { margin-block-end: var(--spacing-m); }
+.sp-ins-m { margin-inline-start: var(--spacing-m); }
+.sp-ine-m { margin-inline-end: var(--spacing-m); }
+
+/* Spacing utility classes: l */
+.sp-bls-l { margin-block-start: var(--spacing-l); }
+.sp-ble-l { margin-block-end: var(--spacing-l); }
+.sp-ins-l { margin-inline-start: var(--spacing-l); }
+.sp-ine-l { margin-inline-end: var(--spacing-l); }
+
+/* Spacing utility classes: xl */
+.sp-bls-xl { margin-block-start: var(--spacing-xl); }
+.sp-ble-xl { margin-block-end: var(--spacing-xl); }
+.sp-ins-xl { margin-inline-start: var(--spacing-xl); }
+.sp-ine-xl { margin-inline-end: var(--spacing-xl); }
+
+/* Spacing utility classes: xxl */
+.sp-bls-xxl { margin-block-start: var(--spacing-xxl); }
+.sp-ble-xxl { margin-block-end: var(--spacing-xxl); }
+.sp-ins-xxl { margin-inline-start: var(--spacing-xxl); }
+.sp-ine-xxl { margin-inline-end: var(--spacing-xxl); }
+
+:root {
+  --font-size-xxs: 0.579rem;
+  --font-size-xs: 0.694rem;
+  --font-size-s: 0.833rem;
+  --font-size-m: 1.000rem;
+  --font-size-l: 1.200rem;
+  --font-size-xl: 1.440rem;
+  --font-size-xxl: 1.728rem;
+}
+
+
+.font-size-xxs { font-size: var(--font-size-xxs); }
+.font-size-xs { font-size: var(--font-size-xs); }
+.font-size-s { font-size: var(--font-size-s); }
+.font-size-m { font-size: var(--font-size-m); }
+.font-size-l { font-size: var(--font-size-l); }
+.font-size-xl { font-size: var(--font-size-xl); }
+.font-size-xxl { font-size: var(--font-size-xxl); }
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..b6ec5e1
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+	<meta name="generator" content="Hugo 0.127.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>Test Site</title>
+    
+      <link rel=stylesheet href=http://localhost:1313/css/system.css>
+    
+  </head>
+  <body>
+    <main>
+    
+<h1>Hello world!</h1>
+
+    </main>
+  </body>
+<style>
+main {
+    p {
+        margin-block: var(--spacing-l);
+    }
+}
+</style>
+</html>
diff --git a/public/index.xml b/public/index.xml
new file mode 100644
index 0000000..39dd903
--- /dev/null
+++ b/public/index.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Test Site</title>
+    <link>http://localhost:1313/</link>
+    <description>Recent content on Test Site</description>
+    <generator>Hugo</generator>
+    <language>en-us</language>
+    <atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Lorem Ipsum</title>
+      <link>http://localhost:1313/lorem/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/lorem/</guid>
+      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Consequat semper viverra nam libero justo. Sit amet massa vitae tortor condimentum lacinia quis vel. Massa massa ultricies mi quis hendrerit dolor magna eget. Est sit amet facilisis magna etiam tempor orci eu lobortis. Cursus turpis massa tincidunt dui ut ornare. Elit pellentesque habitant morbi tristique senectus.</description>
+    </item>
+  </channel>
+</rss>
diff --git a/public/lorem/index.html b/public/lorem/index.html
new file mode 100644
index 0000000..1e28985
--- /dev/null
+++ b/public/lorem/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>Test Site</title>
+    
+      <link rel=stylesheet href=http://localhost:1313/css/system.css>
+    
+  </head>
+  <body>
+    <main>
+    
+<header>
+    <h1>Lorem Ipsum</h1>
+    
+</header>
+<h2 id="nulla-at-volutpat">Nulla at Volutpat</h2>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut venenatis tellus in metus
+vulputate eu scelerisque felis imperdiet. Consequat semper viverra nam libero
+justo. Sit amet massa vitae tortor condimentum lacinia quis vel. Massa massa
+ultricies mi quis hendrerit dolor magna eget. Est sit amet facilisis magna etiam
+tempor orci eu lobortis. Cursus turpis massa tincidunt dui ut ornare. Elit
+pellentesque habitant morbi tristique senectus. Morbi blandit cursus risus at
+ultrices mi tempus imperdiet nulla. Odio pellentesque diam volutpat commodo sed
+egestas egestas fringilla phasellus. Cursus vitae congue mauris rhoncus.</p>
+<p>Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Fermentum et
+sollicitudin ac orci phasellus egestas tellus rutrum tellus. Fermentum leo vel
+orci porta non pulvinar neque laoreet. Proin libero nunc consequat interdum
+varius sit amet mattis vulputate. Semper viverra nam libero justo laoreet sit.
+Consequat id porta nibh venenatis cras sed felis. Ultrices eros in cursus turpis
+massa. Dictum non consectetur a erat. Cras sed felis eget velit. Quam adipiscing
+vitae proin sagittis nisl rhoncus mattis rhoncus. Amet justo donec enim diam
+vulputate ut pharetra sit amet. Velit sed ullamcorper morbi tincidunt ornare
+massa. Posuere sollicitudin aliquam ultrices sagittis. Tortor id aliquet lectus
+proin nibh nisl condimentum. Enim lobortis scelerisque fermentum dui faucibus
+in. Diam in arcu cursus euismod quis viverra. Tellus in metus vulputate eu.
+Nullam ac tortor vitae purus faucibus ornare. Justo laoreet sit amet cursus sit
+amet dictum sit.</p>
+<h2 id="nibh-mauris-cursus-mattis-molestie">Nibh Mauris Cursus Mattis Molestie</h2>
+<p>Lacus vestibulum sed arcu non odio euismod lacinia at. Tempus egestas sed sed
+risus pretium. Pharetra massa massa ultricies mi quis hendrerit dolor magna
+eget. Et malesuada fames ac turpis egestas integer eget. Feugiat pretium nibh
+ipsum consequat nisl vel pretium lectus quam. Cras ornare arcu dui vivamus arcu.
+Amet venenatis urna cursus eget nunc scelerisque viverra mauris. Diam phasellus
+vestibulum lorem sed risus ultricies tristique nulla aliquet. Enim ut sem
+viverra aliquet eget sit. Mi sit amet mauris commodo. Amet facilisis magna etiam
+tempor orci eu. In hac habitasse platea dictumst vestibulum. Sapien et ligula
+ullamcorper malesuada proin libero. Quis blandit turpis cursus in hac habitasse.
+In ante metus dictum at tempor commodo ullamcorper.</p>
+<p>Id nibh tortor id aliquet lectus proin. Fringilla est ullamcorper eget nulla
+facilisi. Curabitur vitae nunc sed velit dignissim sodales. Magna fringilla urna
+porttitor rhoncus dolor purus non enim. Odio ut sem nulla pharetra diam sit
+amet. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis
+ipsum suspendisse ultrices gravida dictum fusce. Dictum fusce ut placerat orci
+nulla pellentesque. Sodales neque sodales ut etiam sit amet nisl purus in. Augue
+interdum velit euismod in pellentesque massa placerat duis ultricies.</p>
+<p>Sit amet commodo nulla facilisi nullam vehicula. Laoreet suspendisse interdum
+consectetur libero. Libero id faucibus nisl tincidunt eget. Consectetur a erat
+nam at lectus urna duis. Et netus et malesuada fames ac turpis egestas maecenas.
+Id donec ultrices tincidunt arcu. Urna duis convallis convallis tellus id
+interdum velit laoreet. Ut etiam sit amet nisl purus in mollis. Tempor commodo
+ullamcorper a lacus vestibulum sed arcu non odio. Risus quis varius quam quisque
+id diam. Malesuada proin libero nunc consequat interdum varius sit. Vitae
+ultricies leo integer malesuada nunc vel risus commodo viverra. Vitae suscipit
+tellus mauris a diam maecenas. Duis convallis convallis tellus id interdum velit
+laoreet id. Hac habitasse platea dictumst vestibulum rhoncus. Ac orci phasellus
+egestas tellus.</p>
+
+
+    </main>
+  </body>
+<style>
+main {
+    h1 {
+        font-size: var(--font-size-xxl);
+        margin: 0;
+        margin-block: var(--spacing-l);
+    }
+
+    h2 {
+        font-size: var(--font-size-xl);
+        margin: 0;
+        margin-block: var(--spacing-l);
+    }
+    h2:has(+ p) { margin-block-end: var(--spacing-s); }
+
+    p {
+        margin: 0;
+        margin-block-end: var(--spacing-l);
+    }
+}
+</style>
+</html>
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..fb9e9f4
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>http://localhost:1313/categories/</loc>
+  </url><url>
+    <loc>http://localhost:1313/lorem/</loc>
+  </url><url>
+    <loc>http://localhost:1313/tags/</loc>
+  </url><url>
+    <loc>http://localhost:1313/</loc>
+  </url>
+</urlset>
diff --git a/public/spacing.css b/public/spacing.css
new file mode 100644
index 0000000..d8274af
--- /dev/null
+++ b/public/spacing.css
@@ -0,0 +1,53 @@
+:root {
+  --spacing-xxs: 0.236em;
+  --spacing-xs: 0.382em;
+  --spacing-s: 0.618em;
+  --spacing-m: 1.000em;
+  --spacing-l: 1.618em;
+  --spacing-xl: 2.618em;
+  --spacing-xxl: 4.236em;
+}
+
+
+/* Spacing utility classes: xxs */
+.sp-bls-xxs { margin-block-start: var(--spacing-xxs); }
+.sp-ble-xxs { margin-block-end: var(--spacing-xxs); }
+.sp-ins-xxs { margin-inline-start: var(--spacing-xxs); }
+.sp-ine-xxs { margin-inline-end: var(--spacing-xxs); }
+
+/* Spacing utility classes: xs */
+.sp-bls-xs { margin-block-start: var(--spacing-xs); }
+.sp-ble-xs { margin-block-end: var(--spacing-xs); }
+.sp-ins-xs { margin-inline-start: var(--spacing-xs); }
+.sp-ine-xs { margin-inline-end: var(--spacing-xs); }
+
+/* Spacing utility classes: s */
+.sp-bls-s { margin-block-start: var(--spacing-s); }
+.sp-ble-s { margin-block-end: var(--spacing-s); }
+.sp-ins-s { margin-inline-start: var(--spacing-s); }
+.sp-ine-s { margin-inline-end: var(--spacing-s); }
+
+/* Spacing utility classes: m */
+.sp-bls-m { margin-block-start: var(--spacing-m); }
+.sp-ble-m { margin-block-end: var(--spacing-m); }
+.sp-ins-m { margin-inline-start: var(--spacing-m); }
+.sp-ine-m { margin-inline-end: var(--spacing-m); }
+
+/* Spacing utility classes: l */
+.sp-bls-l { margin-block-start: var(--spacing-l); }
+.sp-ble-l { margin-block-end: var(--spacing-l); }
+.sp-ins-l { margin-inline-start: var(--spacing-l); }
+.sp-ine-l { margin-inline-end: var(--spacing-l); }
+
+/* Spacing utility classes: xl */
+.sp-bls-xl { margin-block-start: var(--spacing-xl); }
+.sp-ble-xl { margin-block-end: var(--spacing-xl); }
+.sp-ins-xl { margin-inline-start: var(--spacing-xl); }
+.sp-ine-xl { margin-inline-end: var(--spacing-xl); }
+
+/* Spacing utility classes: xxl */
+.sp-bls-xxl { margin-block-start: var(--spacing-xxl); }
+.sp-ble-xxl { margin-block-end: var(--spacing-xxl); }
+.sp-ins-xxl { margin-inline-start: var(--spacing-xxl); }
+.sp-ine-xxl { margin-inline-end: var(--spacing-xxl); }
+
diff --git a/public/tags/index.xml b/public/tags/index.xml
new file mode 100644
index 0000000..ec18660
--- /dev/null
+++ b/public/tags/index.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Tags on Test Site</title>
+    <link>http://localhost:1313/tags/</link>
+    <description>Recent content in Tags on Test Site</description>
+    <generator>Hugo</generator>
+    <language>en-us</language>
+    <atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>