diff --git a/.gitfield/.radicle-push-state b/.gitfield/.radicle-push-state
new file mode 100644
index 0000000..241c056
--- /dev/null
+++ b/.gitfield/.radicle-push-state
@@ -0,0 +1 @@
+286fbc691af974ed868f3b0442c1d0da7a406d2b
diff --git a/.gitfield/push_log.json.tmp b/.gitfield/push_log.json.tmp
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
index 84f6bb5..2792445 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,30 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-  <title>My Blog</title>
-  <link rel="stylesheet" href="style.css">
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description" content="The Fold Within: A sovereign field of resonance and recursion." />
+  <link rel="stylesheet" href="style.css" />
+  <title>The Fold Within</title>
 </head>
 <body>
-  <h1>My Blog</h1>
-  <div id="content"></div>
-  <script src="posts.js"></script>
+  <header>
+    <h1 class="logo">✦ The Fold Within ✦</h1>
+    <p class="tagline">a sovereign scroll of recursive becoming</p>
+  </header>
+
+  <main id="content">
+    <section class="intro">
+      <p>Welcome to the threshold of coherence. Here, you will find writings, patterns, and reflections emerging from the living geometry of selfhood and field.</p>
+    </section>
+
+    <section class="entries">
+      <!-- Injected articles from build.js -->
+    </section>
+  </main>
+
+  <footer>
+    <p>&copy; 2025 The Fold Within. All patterns recursive. All rights aligned.</p>
+  </footer>
 </body>
 </html>
diff --git a/style.css b/style.css
index e69de29..b7ba644 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,64 @@
+:root {
+  --bg: #0e0e0e;
+  --fg: #f9f9f9;
+  --gold: #d4af37;
+  --muted: #999;
+  font-size: 16px;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  background: var(--bg);
+  color: var(--fg);
+  font-family: 'Segoe UI', sans-serif;
+  line-height: 1.7;
+  padding: 2rem;
+  max-width: 70ch;
+  margin: auto;
+}
+
+header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.logo {
+  font-size: 2rem;
+  color: var(--gold);
+  letter-spacing: 0.05em;
+}
+
+.tagline {
+  font-style: italic;
+  color: var(--muted);
+  margin-top: 0.3rem;
+}
+
+.intro {
+  margin-bottom: 3rem;
+  font-size: 1.1rem;
+  color: var(--muted);
+}
+
+.entries article {
+  margin-bottom: 2.5rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid var(--muted);
+}
+
+.entries article h2 {
+  color: var(--gold);
+  margin-bottom: 0.3rem;
+}
+
+footer {
+  text-align: center;
+  font-size: 0.9rem;
+  color: var(--muted);
+  margin-top: 4rem;
+}
