diff --git a/package.json b/package.json
index 525abe5..f43b874 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "@colonydb/anthill": "0.2.0-18",
+    "@colonydb/anthill": "0.2.0-19",
     "@vercel/analytics": "^1.5.0",
     "jsdom": "^26.0.0",
     "next": "15.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 69a621b..9999eff 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@colonydb/anthill':
-        specifier: 0.2.0-18
-        version: 0.2.0-18(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))
+        specifier: 0.2.0-19
+        version: 0.2.0-19(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))
       '@vercel/analytics':
         specifier: ^1.5.0
         version: 1.5.0(next@15.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react@19.1.1)
@@ -116,8 +116,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@colonydb/anthill@0.2.0-18':
-    resolution: {integrity: sha512-7jwaFd0e4bMXe43flzNT+Vagwl38Z164i4xBQahNtiAwj2spN75CtRKaZ9WmFqzWuwZ2nYbmjZDVyNW3pqVNrQ==}
+  '@colonydb/anthill@0.2.0-19':
+    resolution: {integrity: sha512-z78nqo8TPykztrNs+/BQ2DR5VyodohtMdFI5BDTrsY6B01Q4Evk9S0B3hOdFyxGzVEWjTiEvAypLr+FJUdoI7A==}
     peerDependencies:
       react: ^19.0.0
       react-dom: ^19.0.0
@@ -963,7 +963,7 @@ snapshots:
   '@biomejs/cli-win32-x64@2.1.4':
     optional: true
 
-  '@colonydb/anthill@0.2.0-18(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))':
+  '@colonydb/anthill@0.2.0-19(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))':
     dependencies:
       '@haydn/universal': 0.0.4
       clsx: 2.1.1
diff --git a/src/app/ListForm.tsx b/src/app/ListForm.tsx
index 9cf6e01..d676b44 100644
--- a/src/app/ListForm.tsx
+++ b/src/app/ListForm.tsx
@@ -1,7 +1,11 @@
 import { Button } from "@colonydb/anthill/Button";
 import { Form } from "@colonydb/anthill/Form";
+import { Heading } from "@colonydb/anthill/Heading";
+import { MultiColumnStack } from "@colonydb/anthill/MultiColumnStack";
+import { PlainText } from "@colonydb/anthill/PlainText";
 import { RegularField } from "@colonydb/anthill/RegularField";
-import { Stack } from "@colonydb/anthill/Stack";
+import { Section } from "@colonydb/anthill/Section";
+import { Specimen } from "@colonydb/anthill/Specimen";
 import { StringInput } from "@colonydb/anthill/StringInput";
 import { useForm } from "@colonydb/anthill/useForm";
 import * as v from "valibot";
@@ -38,49 +42,61 @@ const ListForm = ({ id, list: initialList, onSubmit }: Props) => (
     initialData={initialList}
     schema={schema}
   >
-    <Stack>
-      <RegularField label="Name" name="name" required>
-        <StringInput name="name" placeholder="Reddit" />
-      </RegularField>
-      <RegularField label="URL" name="url" required>
-        <StringInput name="url" placeholder="https://www.reddit.com/" />
-      </RegularField>
-      <RegularField label="Item Selector" name="itemSelector" required>
-        <StringInput name="itemSelector" placeholder="article" />
-      </RegularField>
-      <RegularField label="Title Selector" name="titleSelector">
-        <StringInput name="titleSelector" placeholder="a" />
-      </RegularField>
-      <RegularField label="Link Selector" name="linkSelector">
-        <StringInput name="linkSelector" placeholder="a" />
-      </RegularField>
-      <RegularField label="Include" name="include">
-        <StringInput name="include" placeholder="example, example two" />
-      </RegularField>
-      <RegularField label="Exclude" name="exclude">
-        <StringInput name="exclude" placeholder="example, example two" />
-      </RegularField>
+    <MultiColumnStack columns="30ch">
+      <Section title={<Heading>Configuration</Heading>}>
+        <RegularField label="Name" name="name" required>
+          <StringInput name="name" placeholder="Reddit" />
+        </RegularField>
+        <RegularField label="URL" name="url" required>
+          <StringInput name="url" placeholder="https://www.reddit.com/" />
+        </RegularField>
+        <RegularField label="Item Selector" name="itemSelector" required>
+          <StringInput name="itemSelector" placeholder="article" />
+        </RegularField>
+        <RegularField label="Title Selector" name="titleSelector">
+          <StringInput name="titleSelector" placeholder="a" />
+        </RegularField>
+        <RegularField label="Link Selector" name="linkSelector">
+          <StringInput name="linkSelector" placeholder="a" />
+        </RegularField>
+        <RegularField label="Include" name="include">
+          <StringInput name="include" placeholder="example, example two" />
+        </RegularField>
+        <RegularField label="Exclude" name="exclude">
+          <StringInput name="exclude" placeholder="example, example two" />
+        </RegularField>
+      </Section>
       <Preview />
-      <div>
-        <Button submit>Save</Button>
-      </div>
-    </Stack>
+    </MultiColumnStack>
+    <div>
+      <Button submit>Save</Button>
+    </div>
   </Form>
 );
 
 const Preview = () => {
   const { data } = useForm(schema);
-  return v.is(schema, data) ? (
-    <List
-      exclude={data.exclude}
-      include={data.include}
-      itemSelector={data.itemSelector}
-      linkSelector={data.linkSelector}
-      name={data.name}
-      titleSelector={data.titleSelector}
-      url={data.url}
-    />
-  ) : null;
+  return (
+    <Section title={<Heading>Preview</Heading>}>
+      <Specimen>
+        {v.is(schema, data) ? (
+          <List
+            exclude={data.exclude}
+            include={data.include}
+            itemSelector={data.itemSelector}
+            linkSelector={data.linkSelector}
+            name={data.name}
+            titleSelector={data.titleSelector}
+            url={data.url}
+          />
+        ) : (
+          <PlainText font="regular-italic" color={["gray-t1", "gray-s1"]}>
+            Not configured
+          </PlainText>
+        )}
+      </Specimen>
+    </Section>
+  );
 };
 
 export default ListForm;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c58ef5..be8eae7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import { Dialog } from "@colonydb/anthill/Dialog";
 import { Header } from "@colonydb/anthill/Header";
 import { Heading } from "@colonydb/anthill/Heading";
 import { Icon } from "@colonydb/anthill/Icon";
-import { MutliColumnStack } from "@colonydb/anthill/MutliColumnStack";
+import { MultiColumnStack } from "@colonydb/anthill/MultiColumnStack";
 import { Section } from "@colonydb/anthill/Section";
 import Image from "next/image";
 import useSWR from "swr/immutable";
@@ -134,7 +134,7 @@ const HomePage = () => {
       }
     >
       <div style={{ padding: "0 1rlh 1rlh" }}>
-        <MutliColumnStack columns="20rem">
+        <MultiColumnStack columns="30ch">
           {(lists ?? [])
             .sort((a, b) => a.name.localeCompare(b.name))
             .map((list) => (
@@ -218,7 +218,7 @@ const HomePage = () => {
                 {...list}
               />
             ))}
-        </MutliColumnStack>
+        </MultiColumnStack>
       </div>
     </Section>
   );