diff --git a/app/layouts/main.vue b/app/layouts/main.vue
index 348fd15..4ca4ebd 100644
--- a/app/layouts/main.vue
+++ b/app/layouts/main.vue
@@ -129,7 +129,7 @@ const onFontChange = (event: Event) => {
     display: flex;
     align-items: center;
     gap: 1.25rem;
-    margin-bottom: 2.75rem;
+    margin-bottom: 3.5rem;
     font-family: var(--font-plain);
     font-size: 0.8rem;
 }
diff --git a/app/pages/writing/[...slug].vue b/app/pages/writing/[...slug].vue
index f905f17..29711b1 100644
--- a/app/pages/writing/[...slug].vue
+++ b/app/pages/writing/[...slug].vue
@@ -26,7 +26,7 @@ const { data } = await useAsyncData(
     () => `writing:${route.path}`,
     async () => {
         const all = await queryCollection('writing').order('date', 'DESC').all();
-        const visible = all.filter((page) => import.meta.dev || !page.demo);
+        const visible = all.filter((page) => import.meta.dev || !page.hidden);
         const article = visible.find(
             (page) =>
                 page.path === contentPath.value || page.stem === slug.value,
diff --git a/app/pages/writing/index.vue b/app/pages/writing/index.vue
index 5d433a4..3fd0080 100644
--- a/app/pages/writing/index.vue
+++ b/app/pages/writing/index.vue
@@ -7,13 +7,10 @@ import {
     websiteId,
 } from '~/utils/site';
 
-// TODO: Uncomment when ready to show writing
-// const { data: pages } = await useAsyncData('writing-pages', async () => {
-//     const all = await queryCollection('writing').order('date', 'DESC').all();
-//     return import.meta.dev ? all : all.filter((page) => !page.demo);
-// });
-
-const pages = ref<any[]>([]);
+const { data: pages } = await useAsyncData('writing-pages', async () => {
+    const all = await queryCollection('writing').order('date', 'DESC').all();
+    return import.meta.dev ? all : all.filter((page) => !page.hidden);
+});
 
 const writingUrl = `${SITE_URL}/writing`;
 const collectionId = `${writingUrl}#collection`;
diff --git a/content.config.ts b/content.config.ts
index 246a2ed..35739c4 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -12,7 +12,7 @@ export default defineContentConfig({
                 title: z.string(),
                 date: z.coerce.date(),
                 description: z.string(),
-                demo: z.boolean().optional(),
+                hidden: z.boolean().optional(),
             }),
         }),
     },
diff --git a/content/writing/2026/frontend_developers_are_underpaid.md b/content/writing/2026/frontend_developers_are_underpaid.md
index 3630991..5544a2c 100644
--- a/content/writing/2026/frontend_developers_are_underpaid.md
+++ b/content/writing/2026/frontend_developers_are_underpaid.md
@@ -2,6 +2,7 @@
 title: 'hot take: frontend developers are underpaid.'
 date: 2026-09-22
 description: that shit is hard
+hidden: true
 ---
 
 blah blah blah
diff --git a/content/writing/demo.md b/content/writing/demo.md
index 8236acd..5b41dd1 100644
--- a/content/writing/demo.md
+++ b/content/writing/demo.md
@@ -2,7 +2,7 @@
 title: Notes in the margin
 date: 2026-08-22
 description: Every mark this site knows how to make — body type, asides, notices, redaction, quotes, lists, code, and images.
-demo: true
+hidden: true
 ---
 
 This page is a working sample, not an essay. Walk it when you change type, color, or a content component. The **description** above is the article lead — bold, then the body.