diff --git a/api-guide/authentication.mdx b/api-guide/authentication.mdx
index 5e65f95..dc4ca8d 100644
--- a/api-guide/authentication.mdx
+++ b/api-guide/authentication.mdx
@@ -5,21 +5,9 @@ sidebar:
   order: 2
 ---
 
-import { Tabs, TabItem, Code, LinkCard } from '@astrojs/starlight/components'
-import fs from 'fs'
-import path from 'path'
-
-export const authenticationExamples = {
-  javascript: await getCodeSample('javascript', 'test_authentication', 'js'),
-  typescript: await getCodeSample('typescript', 'test_authentication', 'ts'),
-  ruby: await getCodeSample('ruby', 'test_authentication', 'rb'),
-  python: await getCodeSample('python', 'test_authentication', 'py'),
-  php: await getCodeSample('php', 'test_authentication', 'php'),
-  java: await getCodeSample('java', 'test_authentication', 'java'),
-  csharp: await getCodeSample('csharp', 'test_authentication', 'cs'),
-  go: await getCodeSample('go', 'test_authentication', 'go'),
-  elixir: await getCodeSample('elixir', 'test_authentication', 'exs'),
-}
+import { Tabs, TabItem, Code, LinkCard } from "@astrojs/starlight/components";
+import fs from "fs";
+import path from "path";
 
 export async function getCodeSample(language, filename, extension) {
   const filePath = path.join(
@@ -44,12 +32,12 @@ DocSpring uses API tokens for authentication. You can authenticate using HTTP ba
 Use your API token ID as the username, and the API token secret as the password.
 
 <LinkCard
-  title="API Tokens"
+  title="Manage API Tokens"
   href="https://app.docspring.com/api_tokens"
   description="Manage your API tokens in the DocSpring dashboard"
 />
 
-## Environment Variables
+### Environment Variables
 
 All DocSpring API clients support authentication via environment variables. Set the following environment variables, and the client will automatically use them:
 
@@ -76,7 +64,7 @@ const client = new DocSpring.Client();  // Automatically uses process.env
 client = docspring.Client()  # Automatically uses os.environ
 ```
 
-## HTTP Basic Authentication
+### HTTP Basic Authentication
 
 "HTTP basic authentation" means that you need to send an `Authorization` header with
 the value `Basic` followed by `token_id:token_secret` in Base64 encoding.
@@ -98,49 +86,13 @@ curl -H "Authorization: Basic QVBJX1RPS0VOX0lEOkFQSV9UT0tFTl9TRUNSRVQ=" \
   https://sync.api.docspring.com/api/v1/authentication
 ```
 
-## Test Authentication
-
-Our API includes an `/authentication` endpoint that you can use to make sure your API tokens are valid.
-
-<Tabs syncKey="language">
-  <TabItem label="cURL">
-    <Code code={`curl -u API_TOKEN_ID:API_TOKEN_SECRET \\
-    https://sync.api.docspring.com/api/v1/authentication`} lang="bash" />
-  </TabItem>
-
-<TabItem label="Ruby">
-  <Code code={authenticationExamples.ruby} lang="ruby" />
-</TabItem>
-
-<TabItem label="JavaScript">
-  <Code code={authenticationExamples.javascript} lang="javascript" />
-</TabItem>
-
-<TabItem label="TypeScript">
-  <Code code={authenticationExamples.typescript} lang="typescript" />
-</TabItem>
-
-<TabItem label="Python">
-  <Code code={authenticationExamples.python} lang="python" />
-</TabItem>
-
-<TabItem label="PHP">
-  <Code code={authenticationExamples.php} lang="php" />
-</TabItem>
-
-<TabItem label="Java">
-  <Code code={authenticationExamples.java} lang="java" />
-</TabItem>
-
-<TabItem label="C#">
-  <Code code={authenticationExamples.csharp} lang="csharp" />
-</TabItem>
+---
 
-<TabItem label="Go">
-  <Code code={authenticationExamples.go} lang="go" />
-</TabItem>
+### Next Steps
 
-  <TabItem label="Elixir">
-    <Code code={authenticationExamples.elixir} lang="elixir" />
-  </TabItem>
-</Tabs>
+<LinkCard
+  title="API Reference: Test Authentication"
+  href="/docs/api/#tag/authentication/get/authentication"
+  description="View code samples to learn how to set up authentication for your API client.<br/>
+    Click the <strong>Test Request</strong> button to try it out using your own API token."
+/>
diff --git a/api-guide/autogenerated-api-clients.mdx b/api-guide/autogenerated-api-clients.mdx
index f67d498..be06d61 100644
--- a/api-guide/autogenerated-api-clients.mdx
+++ b/api-guide/autogenerated-api-clients.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 7
 ---
 
-import { LinkCard, Code, Aside } from '@astrojs/starlight/components'
+import { LinkCard, Code, Aside } from "@astrojs/starlight/components";
 
 We use [openapi-generator](https://github.com/OpenAPITools/openapi-generator) to
 automatically generate API clients from our OpenAPI schema.
@@ -45,7 +45,7 @@ OpenAPI Generator supports the following languages:
 <LinkCard
   title="OpenAPI Schema"
   href="/docs/api-guide/openapi-schema/"
-  description="View the OpenAPI specification and Swagger UI"
+  description="View the OpenAPI specification"
 />
 
 <LinkCard
diff --git a/api-guide/combine-pdfs.mdx b/api-guide/combine-pdfs.mdx
new file mode 100644
index 0000000..88a7196
--- /dev/null
+++ b/api-guide/combine-pdfs.mdx
@@ -0,0 +1,175 @@
+---
+title: Combine PDFs
+description: Merge multiple PDFs into a single document with DocSpring
+sidebar:
+  order: 4
+---
+
+import { LinkCard } from "@astrojs/starlight/components";
+
+Combine multiple PDFs from different sources into a single merged document.
+
+## Endpoint
+
+```
+POST /api/v1/combined_submissions
+```
+
+## Source Types
+
+You can combine PDFs from various sources:
+
+### Submissions
+
+Generated PDFs from template submissions:
+
+```json
+{ "type": "submission", "id": "sub_1234567890abcdef01" }
+```
+
+### Combined Submissions
+
+Previously combined PDFs:
+
+```json
+{ "type": "combined_submission", "id": "com_1234567890abcdef01" }
+```
+
+### Templates
+
+Original template PDFs (unfilled):
+
+```json
+{ "type": "template", "id": "tpl_1234567890abcdef01" }
+{ "type": "template", "id": "tpl_1234567890abcdef01", "template_version": "1.2.3" }
+```
+
+### Custom Files
+
+Uploaded PDF files:
+
+```json
+{ "type": "custom_file", "id": "cfi_1234567890abcdef01" }
+```
+
+### URLs
+
+PDFs from external URLs:
+
+```json
+{ "type": "url", "url": "https://example.com/document.pdf" }
+```
+
+## Example Request
+
+```json
+{
+  "source_pdfs": [
+    { "type": "submission", "id": "sub_1234567890abcdef01" },
+    { "type": "template", "id": "tpl_1234567890abcdef01" },
+    { "type": "url", "url": "https://example.com/terms.pdf" }
+  ],
+  "metadata": {
+    "document_type": "complete_package",
+    "pdf_filename": "complete_contract_package"
+  }
+}
+```
+
+## Key Features
+
+### Template Versions
+
+For template sources, specify versions:
+
+- `"template_version": "draft"` - Use draft version
+- `"template_version": "latest"` - Use latest published version (default)
+- `"template_version": "1.2.3"` - Use specific version
+
+### Custom Filename
+
+Set a custom PDF filename via metadata:
+
+```json
+{
+  "metadata": {
+    "pdf_filename": "merged_documents_2024"
+  }
+}
+```
+
+The download URL becomes:
+`/combined_submissions/{id}/merged_documents_2024.pdf`
+
+**Filename rules:**
+
+- Max 128 characters
+- Allowed: `0-9 A-Z a-z - _ .`
+- Other characters replaced with `_`
+
+### Free to Use
+
+Combining PDFs is free, but source submission PDFs count toward your monthly usage.
+
+## Use Cases
+
+### Multi-Page Forms
+
+Combine multiple template submissions for complex forms:
+
+```json
+{
+  "source_pdfs": [
+    { "type": "submission", "id": "sub_application_form" },
+    { "type": "submission", "id": "sub_supporting_docs" },
+    { "type": "template", "id": "tpl_terms_and_conditions" }
+  ]
+}
+```
+
+### Document Packages
+
+Create complete document packages with cover pages, forms, and attachments:
+
+```json
+{
+  "source_pdfs": [
+    { "type": "template", "id": "tpl_cover_page" },
+    { "type": "submission", "id": "sub_main_form" },
+    { "type": "url", "url": "https://company.com/legal/terms.pdf" }
+  ]
+}
+```
+
+### Addendum Pages
+
+Handle form fields with truncated text by generating additional pages:
+
+```json
+{
+  "source_pdfs": [
+    { "type": "submission", "id": "sub_main_form" },
+    { "type": "submission", "id": "sub_addendum_page" }
+  ]
+}
+```
+
+<LinkCard
+  title="API Reference: Combine PDFs"
+  href="/docs/api/#tag/combine-pdfs/post/combined_submissions"
+  description="View all parameters, example requests/responses, and code samples"
+/>
+
+## Related Resources
+
+<LinkCard
+  title="Generate PDFs"
+  href="/docs/api-guide/generate-pdfs/generate-pdfs-via-api/"
+  description="Create PDFs from templates before combining them"
+/>
+
+<LinkCard
+  title="Custom Files"
+  href="/docs/api/#tag/custom-files"
+  description="Upload and manage custom PDF files for combining"
+/>
diff --git a/api-guide/create-data-requests.mdx b/api-guide/create-data-requests.mdx
index 305a4eb..616848c 100644
--- a/api-guide/create-data-requests.mdx
+++ b/api-guide/create-data-requests.mdx
@@ -3,7 +3,7 @@ title: Create Data Requests
 description: Learn how to create PDF submissions with pending data requests
 ---
 
-import { LinkCard } from '@astrojs/starlight/components'
+import { LinkCard } from "@astrojs/starlight/components";
 
 ### Create a new PDF job submission with pending data requests
 
diff --git a/api-guide/generate-pdfs/batch-generate-pdfs.mdx b/api-guide/generate-pdfs/batch-generate-pdfs.mdx
new file mode 100644
index 0000000..857a3ba
--- /dev/null
+++ b/api-guide/generate-pdfs/batch-generate-pdfs.mdx
@@ -0,0 +1,111 @@
+---
+title: Batch Generate PDFs
+description: Create up to 50 submissions in a single API call
+sidebar:
+  order: 4
+---
+
+import { Aside, LinkCard } from "@astrojs/starlight/components";
+
+Batch submission requests let you create multiple PDFs in parallel with a single call to the DocSpring API. Each item in the batch can point to a different template, supply different data, and choose between test or live mode.
+
+## Endpoint
+
+```
+POST /api/v1/submissions/batches
+```
+
+<LinkCard
+  title="API Reference: Batch Generate PDFs"
+  href="/docs/api/#tag/submission-batches/post/submissions/batches"
+  description="View all parameters, example requests/responses, and code samples"
+/>
+
+## Request Structure
+
+Provide an array of submissions. Every entry accepts the same payload as a standard submission request:
+
+```json
+{
+  "submissions": [
+    {
+      "template_id": "tpl_contract",
+      "data": { "name": "John Smith" },
+      "test": true,
+      "metadata": { "pdf_filename": "contract_draft_john_smith" }
+    },
+    {
+      "template_id": "tpl_invoice",
+      "data": { "name": "Acme Corp" },
+      "test": false,
+      "wait": false
+    }
+  ]
+}
+```
+
+<Aside type="tip">
+  Use metadata fields like <code>pdf_filename</code> or <code>pdf_title</code>{" "}
+  on individual submissions to keep generated files organized.
+</Aside>
+
+## Response Format
+
+Batch responses include a `batch` object and an array of child `submissions`:
+
+```json
+{
+  "batch": {
+    "id": "bat_123",
+    "status": "processed",
+    "created_at": "2024-02-01T12:00:00Z"
+  },
+  "submissions": [
+    {
+      "id": "sub_first",
+      "status": "processed",
+      "download_url": "https://.../sub_first.pdf"
+    },
+    {
+      "id": "sub_second",
+      "status": "pending"
+    }
+  ]
+}
+```
+
+When you set `wait=false` on any submission, the batch response may return before the PDF is ready. Poll each submission with `GET /api/v1/submissions/{id}` or listen for the `submission.completed` webhook.
+
+## Limits & Best Practices
+
+- **Up to 50 submissions** per batch request.
+- **Mix templates freely** – each item can target a different template.
+- **Test vs. live mode** – set `test` per submission.
+- **Back pressure** – prefer batch requests when generating many documents to avoid hitting rate limits with individual calls.
+- **Webhooks** – enable webhooks if you need to know when asynchronous submissions finish processing.
+
+## Related Topics
+
+<LinkCard
+  title="Generate PDFs Overview"
+  href="/docs/api-guide/generate-pdfs/generate-pdfs-via-api/"
+  description="Understand submission payloads, processing modes, and related workflows"
+/>
+
+<LinkCard
+  title="Sync vs. Async Processing"
+  href="/docs/api-guide/synchronous-requests/"
+  description="Choose the right processing strategy and learn when to poll or use webhooks"
+/>
+
+<LinkCard
+  title="Special Newline Characters"
+  href="/docs/api-guide/generate-pdfs/special-newline-characters/"
+  description="Replace literal newline characters with %%LF%% when integrations strip them"
+/>
+
+<LinkCard
+  title="Customize Title & Filename"
+  href="/docs/api-guide/generate-pdfs/customize-pdf-title-and-filename/"
+  description="Control PDF metadata so batch jobs produce well-named files"
+/>
diff --git a/api-guide/customize-pdf-title-and-filename.mdx b/api-guide/generate-pdfs/customize-pdf-title-and-filename.mdx
similarity index 95%
rename from api-guide/customize-pdf-title-and-filename.mdx
rename to api-guide/generate-pdfs/customize-pdf-title-and-filename.mdx
index 5779c6b..daa1970 100644
--- a/api-guide/customize-pdf-title-and-filename.mdx
+++ b/api-guide/generate-pdfs/customize-pdf-title-and-filename.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 3
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 When generating PDFs through the DocSpring API, you can customize both the PDF title (shown in PDF reader applications) and the filename in the download URL.
 
diff --git a/api-guide/generate-pdfs/generate-pdfs-via-api.mdx b/api-guide/generate-pdfs/generate-pdfs-via-api.mdx
new file mode 100644
index 0000000..aa0c058
--- /dev/null
+++ b/api-guide/generate-pdfs/generate-pdfs-via-api.mdx
@@ -0,0 +1,79 @@
+---
+title: Generate PDFs via API
+description: Generate PDFs from templates using the DocSpring API
+sidebar:
+  order: 3
+---
+
+import { LinkCard } from "@astrojs/starlight/components";
+
+DocSpring generates PDFs by filling your templates with submission data. Templates can either be uploads that you annotate in the Template Editor or fully custom HTML/CSS layouts that you host in DocSpring.
+
+## Endpoint
+
+```
+POST /api/v1/templates/{template_id}/submissions
+```
+
+<LinkCard
+  title="API Reference: Generate PDF"
+  href="/docs/api/#tag/pdf-submissions/post/templates/{template_id}/submissions"
+  description="Review every request parameter, see example payloads, and run test calls"
+/>
+
+## Request Payload Basics
+
+Every submission must include:
+
+- `data` — Field values that match your template schema.
+- `test` — Use `true` for free, watermarked PDFs while building your integration.
+- `metadata` — Optional map for values you want echoed back in webhooks.
+- `version` — Choose `draft`, `latest`, or a specific version such as `1.2.3`.
+
+Optional parameters:
+
+- `wait` — Decide between synchronous and asynchronous processing.
+- `editable` — Keep the resulting PDF fillable or flatten the form fields.
+- `expires_in` — Set a TTL for the generated PDF download link.
+- `field_overrides` — Temporarily adjust field requirements or defaults.
+- `data_requests` — Kick off a data collection or signature workflow before finalizing the PDF.
+
+## Processing Modes
+
+Submissions sent to `sync.api.docspring.com` wait for processing and return the `download_url` in the response. Switching `wait=false` or using the asynchronous domain returns immediately with a pending submission. See [Sync vs. Async Processing](/docs/api-guide/synchronous-requests/) for flow diagrams, polling tips, and webhook guidance.
+
+## Batch Generation
+
+Need to create many PDFs at once? Use the batch endpoint to submit up to 50 requests together. Each entry can target a different template, switch between test/live, and specify its own metadata.
+
+<LinkCard
+  title="Batch Generate PDFs"
+  href="/docs/api-guide/generate-pdfs/batch-generate-pdfs/"
+  description="Send up to 50 submissions in one request and mix templates, test mode, and metadata"
+/>
+
+## More Info
+
+<LinkCard
+  title="Customize Title & Filename"
+  href="/docs/api-guide/generate-pdfs/customize-pdf-title-and-filename/"
+  description="Control the PDF metadata and download URL for each submission"
+/>
+
+<LinkCard
+  title="Handle Truncated Text"
+  href="/docs/api-guide/generate-pdfs/handle-truncated-text/"
+  description="Detect overflow and generate addendum pages when field text is clipped"
+/>
+
+<LinkCard
+  title="Special Newline Characters"
+  href="/docs/api-guide/generate-pdfs/special-newline-characters/"
+  description="Work around integrations that strip literal newline characters"
+/>
+
+<LinkCard
+  title="Combine PDFs"
+  href="/docs/api-guide/combine-pdfs/"
+  description="Merge submissions, templates, and external files into one package"
+/>
diff --git a/api-guide/truncated-text.mdx b/api-guide/generate-pdfs/handle-truncated-text.mdx
similarity index 94%
rename from api-guide/truncated-text.mdx
rename to api-guide/generate-pdfs/handle-truncated-text.mdx
index 54350cb..3751b56 100644
--- a/api-guide/truncated-text.mdx
+++ b/api-guide/generate-pdfs/handle-truncated-text.mdx
@@ -1,11 +1,11 @@
 ---
-title: When Text Doesn't Fit in a Field
+title: Handle Truncated Text
 description: Handle text that doesn't fit in a PDF field
 sidebar:
   order: 5
 ---
 
-import { Aside, Code } from '@astrojs/starlight/components'
+import { Aside, Code } from "@astrojs/starlight/components";
 
 If the full text can't fit in a field and the field's "Overflow" option is set to "Truncate",
 DocSpring will store any truncated text in the submission.
diff --git a/api-guide/special-newline-characters.mdx b/api-guide/generate-pdfs/special-newline-characters.mdx
similarity index 94%
rename from api-guide/special-newline-characters.mdx
rename to api-guide/generate-pdfs/special-newline-characters.mdx
index 94245b2..5a4f398 100644
--- a/api-guide/special-newline-characters.mdx
+++ b/api-guide/generate-pdfs/special-newline-characters.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 ## The `%%LF%%` Sequence
 
diff --git a/api-guide/install-api-client.mdx b/api-guide/install-api-client.mdx
index b5f71dc..1412a60 100644
--- a/api-guide/install-api-client.mdx
+++ b/api-guide/install-api-client.mdx
@@ -5,55 +5,67 @@ sidebar:
   order: 1
 ---
 
-import { Tabs, TabItem, LinkCard } from '@astrojs/starlight/components'
-import JavaScriptInstallation from '@components/sdk-installation/javascript.astro'
-import TypeScriptInstallation from '@components/sdk-installation/typescript.astro'
-import RubyInstallation from '@components/sdk-installation/ruby.astro'
-import PythonInstallation from '@components/sdk-installation/python.astro'
-import PHPInstallation from '@components/sdk-installation/php.astro'
-import JavaInstallation from '@components/sdk-installation/java.astro'
-import CSharpInstallation from '@components/sdk-installation/csharp.astro'
-import GoInstallation from '@components/sdk-installation/go.astro'
-import ElixirInstallation from '@components/sdk-installation/elixir.astro'
-import './install-api-client.css'
+import { Tabs, TabItem, LinkCard } from "@astrojs/starlight/components";
+import SdkInstallationCardGrid from "@components/SdkInstallationCardGrid.astro";
+import "./install-api-client.css";
+import { sdkLinkCardConfigs } from "@utils/sdkInstallations";
+
+import JavaScriptMarkdown from "../../sdk-installation/javascript.md";
+import TypeScriptMarkdown from "../../sdk-installation/typescript.md";
+import RubyMarkdown from "../../sdk-installation/ruby.md";
+import PythonMarkdown from "../../sdk-installation/python.md";
+import PHPMarkdown from "../../sdk-installation/php.md";
+import CSharpMarkdown from "../../sdk-installation/csharp.md";
+import GoMarkdown from "../../sdk-installation/go.md";
+import JavaMarkdown from "../../sdk-installation/java.md";
+import ElixirMarkdown from "../../sdk-installation/elixir.md";
 
 Choose your preferred programming language to get started with the DocSpring API.
 
 <Tabs syncKey="language">
-  <TabItem label="JavaScript">
-    <JavaScriptInstallation />
-  </TabItem>
-
-<TabItem label="TypeScript">
-  <TypeScriptInstallation />
-</TabItem>
-
 <TabItem label="Ruby">
-  <RubyInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.ruby} />
+  <RubyMarkdown />
 </TabItem>
 
 <TabItem label="Python">
-  <PythonInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.python} />
+  <PythonMarkdown />
+</TabItem>
+
+<TabItem label="TypeScript">
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.typescript} />
+  <TypeScriptMarkdown />
 </TabItem>
 
 <TabItem label="PHP">
-  <PHPInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.php} />
+  <PHPMarkdown />
 </TabItem>
 
 <TabItem label="Java">
-  <JavaInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.java} />
+  <JavaMarkdown />
 </TabItem>
 
 <TabItem label="C#">
-  <CSharpInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.csharp} />
+  <CSharpMarkdown />
 </TabItem>
 
 <TabItem label="Go">
-  <GoInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.go} />
+  <GoMarkdown />
 </TabItem>
 
 <TabItem label="Elixir">
-  <ElixirInstallation />
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.elixir} />
+  <ElixirMarkdown />
+</TabItem>
+
+<TabItem label="JavaScript">
+  <SdkInstallationCardGrid cards={sdkLinkCardConfigs.javascript} />
+  <JavaScriptMarkdown />
 </TabItem>
 
   <TabItem label="Other">
diff --git a/api-guide/openapi-schema.mdx b/api-guide/openapi-schema.mdx
index ca12854..fca9abb 100644
--- a/api-guide/openapi-schema.mdx
+++ b/api-guide/openapi-schema.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 6
 ---
 
-import { LinkCard, Aside } from '@astrojs/starlight/components'
+import { LinkCard, Aside } from "@astrojs/starlight/components";
 
 We define our API endpoints and request/response schemas using the [OpenAPI specification](https://swagger.io/docs/specification/about/) (formerly known as [Swagger](https://swagger.io/)).
 
@@ -21,12 +21,6 @@ and [Postman collection](/docs/api-guide/postman/).
 
 ## Resources
 
-<LinkCard
-  title="Swagger UI - Interactive API Documentation"
-  href="https://docspring.com/api-docs"
-  description="View OpenAPI specification and try out API endpoints in Swagger UI"
-/>
-
 <LinkCard
   title="Autogenerated API Clients"
   href="/docs/api-guide/autogenerated-api-clients/"
diff --git a/api-guide/postman.mdx b/api-guide/postman.mdx
index e374d93..e6f0597 100644
--- a/api-guide/postman.mdx
+++ b/api-guide/postman.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 8
 ---
 
-import { LinkCard, Aside } from '@astrojs/starlight/components'
+import { LinkCard, Aside } from "@astrojs/starlight/components";
 
 Our API specification is published as a [Postman](https://www.postman.com) collection.
 
diff --git a/api-guide/synchronous-requests.mdx b/api-guide/synchronous-requests.mdx
index d724fa1..bd1cfb5 100644
--- a/api-guide/synchronous-requests.mdx
+++ b/api-guide/synchronous-requests.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 The DocSpring API supports both synchronous and asynchronous API requests.
 
diff --git a/changelogs/data-requests-js.mdx b/changelogs/data-requests-js.mdx
index f6ebaf2..9d8186c 100644
--- a/changelogs/data-requests-js.mdx
+++ b/changelogs/data-requests-js.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 1
 ---
 
-import { Aside, Badge, LinkCard } from '@astrojs/starlight/components'
+import { Aside, Badge, LinkCard } from "@astrojs/starlight/components";
 
 This client-side JavaScript library allows you to embed a signing form on your own website
 to collect legally binding electronic signatures and generate signed PDFs.
diff --git a/changelogs/simple-forms-js.mdx b/changelogs/simple-forms-js.mdx
index adb7c63..ac4ca3c 100644
--- a/changelogs/simple-forms-js.mdx
+++ b/changelogs/simple-forms-js.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Aside, Badge, LinkCard } from '@astrojs/starlight/components'
+import { Aside, Badge, LinkCard } from "@astrojs/starlight/components";
 
 This client-side JavaScript library allows you to embed a simple web form on your own website.
 Share this page with your users and they can fill out the form to generate a PDF.
diff --git a/changelogs/visual-forms-js.mdx b/changelogs/visual-forms-js.mdx
index ba08f18..c74d7da 100644
--- a/changelogs/visual-forms-js.mdx
+++ b/changelogs/visual-forms-js.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 3
 ---
 
-import { Aside, Badge, LinkCard } from '@astrojs/starlight/components'
+import { Aside, Badge, LinkCard } from "@astrojs/starlight/components";
 
 This client-side JavaScript library allows you to embed a visual form on your own website
 to fill out PDF templates and generate PDFs.
@@ -26,7 +26,24 @@ to fill out PDF templates and generate PDFs.
 
 ## Changelog
 
-### 2.7.1 <span class="ml-2.5 relative -top-0.5"><Badge text="Latest" variant="success" size="small"></Badge></span>
+### 2.7.3 <span class="ml-2.5 relative -top-0.5"><Badge text="Latest" variant="success" size="small"></Badge></span>
+
+<div class="mt-2.5 text-sm text-gray-500 dark:text-gray-400">
+  Released on Jan 28, 2026
+</div>
+
+- Improved dark mode styling across embedded visual forms (header, footer, and form fields)
+- Updated signature modal colors and contrast for better readability
+
+### 2.7.2
+
+<div class="mt-2.5 text-sm text-gray-500 dark:text-gray-400">
+  Released on Jan 22, 2026
+</div>
+
+- Added support for initials fields in visual forms / data requests
+
+### 2.7.1
 
 <div class="mt-2.5 text-sm text-gray-500 dark:text-gray-400">
   Released on Jul 10, 2025
diff --git a/forms/compare-docspring-forms.mdx b/forms/compare-docspring-forms.mdx
index 7c8bc2b..0239a1f 100644
--- a/forms/compare-docspring-forms.mdx
+++ b/forms/compare-docspring-forms.mdx
@@ -5,53 +5,39 @@ sidebar:
   order: 0
 ---
 
-import { LinkCard, Aside, Code, Icon } from '@astrojs/starlight/components'
+import { LinkCard, Aside, Code, Icon } from "@astrojs/starlight/components";
 
-DocSpring supports three different kinds of forms that can be used to fill out and generate PDFs.
-
-- [Web Forms](/docs/forms/web-forms/)
-  - Ideal for turning complex PDFs into a simple web-based form with inputs and checkboxes.
-- [Visual Forms](/docs/forms/visual-forms/)
-  - Show a visual representation of the PDF to users and allow them to fill out the fields. Similar to filling out a PDF form in Acrobat or Preview on macOS.
-- [Data Requests](/docs/forms/data-requests/)
-  - Generate legally binding electronic signatures with UETA/ESIGN compliance. Renders a visual form inside a secure iframe and adds compliance features and audit trails.
-
-<Aside type="tip">
-  All forms can either be hosted on the DocSpring website or embedded on your
-  own website.
-</Aside>
-
-### Key Differences
-
-| Feature                      | Web Forms                                                               | Visual Forms                                                            | Data Requests                                                           |
-| ---------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------- |
-| Available on DocSpring.com   | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Embed on your own website    | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Field validation             | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Mobile support               | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Works with PDF templates     | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Works with HTML templates    | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           |
-| Visual PDF preview           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Audit trail tracking         | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| User authentication tracking | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-| Legally binding e-signatures | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
-
-## Next Steps
+DocSpring supports three different kinds of forms that can be used to collect data and generate PDFs.
 
 <LinkCard
   title="Web Forms"
   href="/docs/forms/web-forms/"
-  description="Learn more about web forms"
+  description="Ideal for turning complex PDFs into a simple web-based form with inputs and checkboxes."
 />
 
 <LinkCard
   title="Visual Forms"
   href="/docs/forms/visual-forms/"
-  description="Learn more about visual forms"
+  description="Show a visual representation of the PDF to users and allow them to fill out the fields. Similar to filling out a PDF form in Acrobat or Preview on macOS."
 />
 
 <LinkCard
   title="Data Requests"
   href="/docs/forms/data-requests/"
-  description="Learn more about data requests"
+  description="Generate legally binding electronic signatures with UETA/ESIGN compliance. Renders a visual form inside a secure iframe and adds compliance features and audit trails."
 />
+
+### Comparison
+
+| Feature                                             | Web Forms                                                               | Visual Forms                                                            | Data Requests                                                           |
+| --------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------- |
+| Available on [DocSpring.com](https://docspring.com) | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Embed on your own website                           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Field validation                                    | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Mobile support                                      | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Works with PDF templates                            | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Works with HTML templates                           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           |
+| Visual PDF preview                                  | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Audit trail tracking                                | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| User authentication tracking                        | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
+| Legally binding e-signatures                        | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="close" color="var(--sl-color-red)" size="20px" />           | <Icon name="approve-check" color="var(--sl-color-green)" size="24px" /> |
diff --git a/forms/data-requests.mdx b/forms/data-requests.mdx
index 8f2a362..5a0a75a 100644
--- a/forms/data-requests.mdx
+++ b/forms/data-requests.mdx
@@ -3,13 +3,13 @@ title: Data Requests
 description: Core documentation for collecting UETA and ESIGN compliant electronic signatures
 ---
 
-import { LinkCard, Aside } from '@astrojs/starlight/components'
+import { LinkCard, Aside } from "@astrojs/starlight/components";
 
 ### Collect legally binding electronic signatures
 
 Create a Data Request to collect UETA and ESIGN compliant electronic signatures.
 
-When you make an API request to fill out a PDF, you can specify that some fields must be filled in by certain people (including signature fields). The PDF submission will be in a pending state until all of the data requests have been completed. You can then send these people a link to fill in the form, or embed this form on your own website. When everyone has filled in the form, the PDF will be generated, and we can send your server a webhook notification.
+When you make an API request to fill out a PDF, you can specify that some fields must be filled in by certain people (including signature or initials fields). The PDF submission will be in a pending state until all of the data requests have been completed. You can then send these people a link to fill in the form, or embed this form on your own website. When everyone has filled in the form, the PDF will be generated, and we can send your server a webhook notification.
 
 To collect UETA and ESIGN compliant electronic signatures, DocSpring must record an audit trail that includes user authentication. This means that you need to send us some details about how and when your users have been authenticated.
 
@@ -35,7 +35,7 @@ To ensure legal compliance, data requests must include:
 - The user's full name
 - The user's email address
 - Details about how and when the user was authenticated
-- The fields that the user must fill out (including signature fields)
+- The fields that the user must fill out (including signature or initials fields)
 - Optional metadata to save on the data request
 
 <Aside type="tip">
diff --git a/forms/js-libraries/data-requests-js.mdx b/forms/js-libraries/data-requests-js.mdx
index 611442f..50443ca 100644
--- a/forms/js-libraries/data-requests-js.mdx
+++ b/forms/js-libraries/data-requests-js.mdx
@@ -3,7 +3,7 @@ title: Data Requests JavaScript API
 description: JavaScript API reference for DocSpring.createDataRequest()
 ---
 
-import { Code, Aside, LinkCard } from '@astrojs/starlight/components'
+import { Code, Aside, LinkCard } from "@astrojs/starlight/components";
 
 The Data Requests JavaScript library allows you to embed signing forms on your website for collecting electronic signatures.
 
@@ -26,9 +26,9 @@ Creates an embedded signing form for collecting electronic signatures.
 ### Syntax
 
 ```javascript
-DocSpring.createVisualForm(cssSelector, optionsAndCallbacks)
+DocSpring.createVisualForm(cssSelector, optionsAndCallbacks);
 // or
-DocSpring.createVisualForm(optionsAndCallbacks)
+DocSpring.createVisualForm(optionsAndCallbacks);
 ```
 
 ### Parameters
@@ -57,7 +57,7 @@ DocSpring.createVisualForm(optionsAndCallbacks)
 | `waitForPDF`                | boolean | `true`           | If `redirectURL` is provided, set to `false` to redirect immediately instead of waiting for PDF processing |
 | `domainVerification`        | boolean | `true`           | Set to `false` during development to disable domain verification                                           |
 | `focusFirstFieldOnLoad`     | boolean | `false`          | Automatically focus the first field after the form is loaded                                               |
-| `showSignatureModalOnFocus` | boolean | `false`          | Automatically open the signature popup when a signature field is focused                                   |
+| `showSignatureModalOnFocus` | boolean | `false`          | Automatically open the signature/initials popup when a signature or initials field is focused              |
 | `closeModalOnClickOverlay`  | boolean | `true`           | Allow the user to close the form by clicking on the modal overlay                                          |
 | `showTermsOfServiceLink`    | boolean | `true`           | Show a link to DocSpring's terms of service on the "Accept Terms" screen                                   |
 | `downloadButtonLabel`       | string  | `"Download PDF"` | Change the download button label                                                                           |
@@ -204,7 +204,7 @@ These global functions allow you to interact with the form. Note that only one D
 Enable debug logging to troubleshoot issues:
 
 ```javascript
-DocSpring.DEBUG = true
+DocSpring.DEBUG = true;
 ```
 
 This will show extra debugging log messages in the developer console. If you are experiencing any problems with your integration, please enable logging and include the console logs in your support request.
diff --git a/forms/js-libraries/visual-forms-js.mdx b/forms/js-libraries/visual-forms-js.mdx
index e5f9a11..f234a23 100644
--- a/forms/js-libraries/visual-forms-js.mdx
+++ b/forms/js-libraries/visual-forms-js.mdx
@@ -3,7 +3,7 @@ title: Visual Forms JavaScript API
 description: JavaScript API reference for DocSpring.createVisualForm()
 ---
 
-import { Code, Aside, LinkCard } from '@astrojs/starlight/components'
+import { Code, Aside, LinkCard } from "@astrojs/starlight/components";
 
 The Visual Forms JavaScript library allows you to embed a visual PDF form directly on your
 website so that your users can fill it out and generate a PDF.
@@ -29,9 +29,9 @@ Creates an embedded visual form for filling out PDF templates.
 ### Syntax
 
 ```javascript
-DocSpring.createVisualForm(cssSelector, optionsAndCallbacks)
+DocSpring.createVisualForm(cssSelector, optionsAndCallbacks);
 // or
-DocSpring.createVisualForm(optionsAndCallbacks)
+DocSpring.createVisualForm(optionsAndCallbacks);
 ```
 
 ### Parameters
diff --git a/forms/js-libraries/web-forms-js.mdx b/forms/js-libraries/web-forms-js.mdx
index 0636201..49068ff 100644
--- a/forms/js-libraries/web-forms-js.mdx
+++ b/forms/js-libraries/web-forms-js.mdx
@@ -3,7 +3,7 @@ title: Web Forms JavaScript API
 description: JavaScript API reference for DocSpring.createSimpleForm()
 ---
 
-import { Aside, LinkCard } from '@astrojs/starlight/components'
+import { Aside, LinkCard } from "@astrojs/starlight/components";
 
 The Web Forms JavaScript library allows you to embed web forms on your website for collecting data from your users and filling out PDF templates.
 
@@ -26,7 +26,7 @@ Creates an embedded web form (or "simple form") for a DocSpring template.
 ### Syntax
 
 ```javascript
-DocSpring.createSimpleForm(css_selector, template_id, options_and_callbacks)
+DocSpring.createSimpleForm(css_selector, template_id, options_and_callbacks);
 ```
 
 ### Parameters
@@ -77,62 +77,62 @@ Returns a form instance object with methods for programmatic control (currently
 ### Basic Usage
 
 ```javascript
-DocSpring.createSimpleForm('.dsp-form', 'tpl_123456')
+DocSpring.createSimpleForm(".dsp-form", "tpl_123456");
 ```
 
 ### With Default Data
 
 ```javascript
-DocSpring.createSimpleForm('.dsp-form', 'tpl_123456', {
+DocSpring.createSimpleForm(".dsp-form", "tpl_123456", {
   defaultData: {
-    name: 'John Smith',
-    email: 'john@example.com',
-    date: '2024-01-15',
+    name: "John Smith",
+    email: "john@example.com",
+    date: "2024-01-15",
   },
-})
+});
 ```
 
 ### With All Options
 
 ```javascript
-DocSpring.createSimpleForm('.dsp-form', 'tpl_123456', {
+DocSpring.createSimpleForm(".dsp-form", "tpl_123456", {
   // Options
   defaultData: {
-    name: 'John Smith',
+    name: "John Smith",
   },
   metadata: {
-    userId: '12345',
-    source: 'website',
+    userId: "12345",
+    source: "website",
   },
   showClearButton: true,
-  clearButtonLabel: 'Reset',
-  submitButtonLabel: 'Generate My PDF',
-  submitButtonSavingLabel: 'Please wait...',
-  submitButtonProcessingLabel: 'Creating your PDF...',
-  redirectURL: 'https://example.com/success',
+  clearButtonLabel: "Reset",
+  submitButtonLabel: "Generate My PDF",
+  submitButtonSavingLabel: "Please wait...",
+  submitButtonProcessingLabel: "Creating your PDF...",
+  redirectURL: "https://example.com/success",
   waitForPDF: false,
 
   // Callbacks
   processTemplateSchema: function (jsonSchema) {
     // Hide the email field
-    delete jsonSchema.properties.email
+    delete jsonSchema.properties.email;
   },
   onClearForm: function () {
-    console.log('Form cleared')
+    console.log("Form cleared");
   },
   onSubmit: function (formData) {
-    console.log('Form submitted:', formData)
+    console.log("Form submitted:", formData);
   },
   onSave: function (submission) {
-    console.log('Submission saved:', submission.id)
+    console.log("Submission saved:", submission.id);
   },
   onProcessed: function (submission) {
-    console.log('PDF ready:', submission.download_url)
+    console.log("PDF ready:", submission.download_url);
   },
   onError: function (response) {
-    console.error('Error:', response)
+    console.error("Error:", response);
   },
-})
+});
 ```
 
 ## Submission Object
diff --git a/forms/visual-forms.mdx b/forms/visual-forms.mdx
index da96d1b..7d502c8 100644
--- a/forms/visual-forms.mdx
+++ b/forms/visual-forms.mdx
@@ -3,7 +3,7 @@ title: Visual Forms
 description: Core documentation for visual PDF forms - both hosted and embedded
 ---
 
-import { LinkCard, Aside, Code, Icon } from '@astrojs/starlight/components'
+import { LinkCard, Aside, Code, Icon } from "@astrojs/starlight/components";
 
 Visual Forms allow you to embed a PDF form filling interface directly on your website. Unlike [Data Requests](/docs/forms/data-requests/), visual forms do not include compliance features like audit trails or authentication tracking - they're simply a visual component for filling out PDF templates.
 
diff --git a/forms/web-forms.mdx b/forms/web-forms.mdx
index c5d2f5b..5dbc9b7 100644
--- a/forms/web-forms.mdx
+++ b/forms/web-forms.mdx
@@ -3,11 +3,11 @@ title: Web Forms
 description: Generate PDFs through web-based forms and configure form settings
 ---
 
-import { Image } from 'astro:assets'
-import { Aside, Code } from '@astrojs/starlight/components'
-import privacySettings from '@images/template_editor/privacy-settings.png'
-import exampleLogo from '@images/web_forms/example-logo.png'
-import formWithCustomLogo from '@images/web_forms/form-with-custom-logo.png'
+import { Image } from "astro:assets";
+import { Aside, Code } from "@astrojs/starlight/components";
+import privacySettings from "@images/template_editor/privacy-settings.png";
+import exampleLogo from "@images/web_forms/example-logo.png";
+import formWithCustomLogo from "@images/web_forms/form-with-custom-logo.png";
 
 DocSpring can automatically generate web-based forms based on the fields you've set up in your template. If you send your users a link to this form, they can fill out the form to generate a PDF. You can then redirect users to a different page after they have filled out the form.
 
diff --git a/guides/embedded-forms/embedded-data-requests.mdx b/guides/embedded-forms/embedded-data-requests.mdx
index e5e87ae..e2a1eeb 100644
--- a/guides/embedded-forms/embedded-data-requests.mdx
+++ b/guides/embedded-forms/embedded-data-requests.mdx
@@ -3,8 +3,8 @@ title: Embedded Data Requests
 description: Step-by-step guide to implement UETA and ESIGN compliant electronic signatures
 ---
 
-import { LinkCard, Aside, Code, Icon } from '@astrojs/starlight/components'
-import getEmbedVersion from '@utils/embed-versions'
+import { LinkCard, Aside, Code, Icon } from "@astrojs/starlight/components";
+import getEmbedVersion from "@utils/embed-versions";
 
 This guide walks through implementing data requests for collecting legally binding electronic signatures. For conceptual documentation about how data requests work, see the [Data Requests documentation](/docs/forms/data-requests/).
 
diff --git a/guides/embedded-forms/embedded-visual-forms.mdx b/guides/embedded-forms/embedded-visual-forms.mdx
index 07515fc..a39e87f 100644
--- a/guides/embedded-forms/embedded-visual-forms.mdx
+++ b/guides/embedded-forms/embedded-visual-forms.mdx
@@ -3,8 +3,8 @@ title: Embedded Visual Forms
 description: Step-by-step guide to embed visual PDF forms on your website
 ---
 
-import { LinkCard, Aside, Code } from '@astrojs/starlight/components'
-import getEmbedVersion from '@utils/embed-versions'
+import { LinkCard, Aside, Code } from "@astrojs/starlight/components";
+import getEmbedVersion from "@utils/embed-versions";
 
 This guide walks through implementing visual forms for PDF generation without the compliance features of data requests. For conceptual documentation about visual forms, see the [Visual Forms documentation](/docs/forms/visual-forms/).
 
@@ -34,7 +34,7 @@ Add the visual forms library to your webpage:
 <Code
   code={`<script
     type="text/javascript"
-    src="https://cdn.docspring.com/embed/visual_form.v${getEmbedVersion('visual_form')}.js"
+    src="https://cdn.docspring.com/visual_form.v${getEmbedVersion("visual_form")}.js"
 ></script>`}
   lang="html"
   title="Include visual forms library"
diff --git a/guides/embedded-forms/embedded-web-forms.mdx b/guides/embedded-forms/embedded-web-forms.mdx
index 88cf158..515c95e 100644
--- a/guides/embedded-forms/embedded-web-forms.mdx
+++ b/guides/embedded-forms/embedded-web-forms.mdx
@@ -3,8 +3,8 @@ title: Embedded Web Forms
 description: Step-by-step guide to embed DocSpring web forms on your website
 ---
 
-import { Code, Aside, LinkCard } from '@astrojs/starlight/components'
-import getEmbedVersion from '@utils/embed-versions'
+import { Code, Aside, LinkCard } from "@astrojs/starlight/components";
+import getEmbedVersion from "@utils/embed-versions";
 
 You can embed DocSpring web forms on your own website, allowing users to fill out forms and generate PDFs without leaving your site. Users can be redirected to a different page after submitting the form, or you can run custom code in JavaScript callbacks.
 
diff --git a/guides/embedded-forms/web-forms-with-data-requests.mdx b/guides/embedded-forms/web-forms-with-data-requests.mdx
index 1b4d735..b4c21e9 100644
--- a/guides/embedded-forms/web-forms-with-data-requests.mdx
+++ b/guides/embedded-forms/web-forms-with-data-requests.mdx
@@ -3,7 +3,7 @@ title: Web Forms + Data Requests
 description: Using web forms to collect data, then creating a data request to sign the PDF
 ---
 
-import { LinkCard, Aside, Code, Icon } from '@astrojs/starlight/components'
+import { LinkCard, Aside, Code, Icon } from "@astrojs/starlight/components";
 
 You can use a web form to gather information with text inputs,
 then create a data request that is prefilled with the data from the web form.
diff --git a/guides/index.mdx b/guides/index.mdx
index 1748968..4900e99 100644
--- a/guides/index.mdx
+++ b/guides/index.mdx
@@ -3,7 +3,7 @@ title: DocSpring Guides
 description: Step-by-step tutorials and implementation guides for DocSpring
 ---
 
-import { CardGrid, LinkCard } from '@astrojs/starlight/components'
+import { CardGrid, LinkCard } from "@astrojs/starlight/components";
 
 Welcome to the DocSpring Guides section! Here you'll find detailed tutorials and step-by-step instructions for implementing various DocSpring features.
 
diff --git a/guides/integrations/aws-s3-integration.mdx b/guides/integrations/aws-s3-integration.mdx
index 06c685a..0075d05 100644
--- a/guides/integrations/aws-s3-integration.mdx
+++ b/guides/integrations/aws-s3-integration.mdx
@@ -10,7 +10,7 @@ import {
   Tabs,
   TabItem,
   LinkCard,
-} from '@astrojs/starlight/components'
+} from "@astrojs/starlight/components";
 
 This guide walks you through setting up AWS S3 integration to automatically upload generated PDFs to your own S3 bucket.
 
@@ -231,11 +231,11 @@ clients/{{ metadata.client_id }}/{{ date }}_{{ submission_id }}.pdf
 Check if a PDF has been uploaded to S3:
 
 ```javascript
-if (submission['actions'].length === 0) return false
-const action = submission['actions'].find(
-  (a) => a.action_type === 'aws_s3_upload'
-)
-return action && action.state === 'processed'
+if (submission["actions"].length === 0) return false;
+const action = submission["actions"].find(
+  (a) => a.action_type === "aws_s3_upload",
+);
+return action && action.state === "processed";
 ```
 
 ### Using AWS S3 Event Notifications
diff --git a/html-templates/liquid-filters.mdx b/html-templates/liquid-filters.mdx
index 4cadf8a..f870a22 100644
--- a/html-templates/liquid-filters.mdx
+++ b/html-templates/liquid-filters.mdx
@@ -3,7 +3,7 @@ title: Liquid Filters
 description: Reference guide for Liquid filters available in HTML/CSS templates
 ---
 
-import { Aside, Code } from '@astrojs/starlight/components'
+import { Aside, Code } from "@astrojs/starlight/components";
 
 [HTML/CSS Templates](/docs/html-templates/overview/) use the [Liquid markup language](https://shopify.github.io/liquid/basics/introduction/). You can use "filters" to format and modify any values before inserting them into the page.
 
diff --git a/html-templates/overview.mdx b/html-templates/overview.mdx
index dd33d5a..9962da3 100644
--- a/html-templates/overview.mdx
+++ b/html-templates/overview.mdx
@@ -6,7 +6,7 @@ sidebar:
   label: Overview
 ---
 
-import { Aside, Tabs, TabItem } from '@astrojs/starlight/components'
+import { Aside, Tabs, TabItem } from "@astrojs/starlight/components";
 
 DocSpring supports two different kinds of templates:
 
@@ -127,6 +127,59 @@ Examples:
 %}
 ```
 
+### Initials
+
+You must use the `{% initials %}` Liquid tag to render initials in your HTML template.
+Initials behave exactly like signatures — they can be provided as an image or as text, and the `initials` tag handles both cases:
+
+```html
+{% initials initials_field %}
+```
+
+Image initials are rendered in an `<img>` element with an `initials-image` class:
+
+```html
+<img class="initials-image" src="data:image/png;base64,..." />
+```
+
+Text initials will import the required typeface and render the initials inside a `<span>` element with an `initials-text` class:
+
+```html
+<link
+  href="https://fonts.googleapis.com/css?family=Dancing+Script"
+  rel="stylesheet"
+/>
+...
+<span
+  class="initials-text"
+  style="color: black; font-size: 16px; font-weight: normal; display: inline-block; font-family: 'Dancing Script';"
+>
+  JS
+</span>
+```
+
+The `initials` tag accepts the same options as the `signature` tag:
+
+| Option        | Initials Type | Default Value  |
+| ------------- | ------------- | -------------- |
+| `width`       | Image         | `(from image)` |
+| `height`      | Image         | `(from image)` |
+| `font-size`   | Text          | `normal`       |
+| `font-weight` | Text          | `16px`         |
+| `color`       | Text          | `black`        |
+
+Use the `preview_type` option to control how initials appear in preview PDFs. Preview image initials are shown by default. Use `preview_type: text` to display text initials instead.
+
+Examples:
+
+```html
+{% initials initials_field, width: 100px %}
+```
+
+```html
+{% initials initials_field, preview_type: text, font-size: 18px, color: #333 %}
+```
+
 ### Images
 
 You can upload static images under the "Images" tab. Use the `template_image_url` tag to get
@@ -136,7 +189,7 @@ the image URL:
 <img src="{% template_image_url IMAGE_ID %}" />
 ```
 
-To include an image or signature field (i.e. submitted in an API request),
+To include an image, signature, or initials field (i.e. submitted in an API request),
 you can use the field value as the `src` attribute for an `img` tag.
 This will refer to an internal URL for the image:
 
diff --git a/images/template_editor.jpg b/images/template_editor.jpg
deleted file mode 100644
index 14f5185..0000000
Binary files a/images/template_editor.jpg and /dev/null differ
diff --git a/images/template_editor/boolean-text.png b/images/template_editor/boolean-text.png
deleted file mode 100644
index 6c18bb3..0000000
Binary files a/images/template_editor/boolean-text.png and /dev/null differ
diff --git a/images/template_editor/combined-fields.png b/images/template_editor/combined-fields.png
deleted file mode 100644
index 0eb7703..0000000
Binary files a/images/template_editor/combined-fields.png and /dev/null differ
diff --git a/images/template_editor/conditions.png b/images/template_editor/conditions.png
deleted file mode 100644
index 10627f7..0000000
Binary files a/images/template_editor/conditions.png and /dev/null differ
diff --git a/images/template_editor/date-options.png b/images/template_editor/date-options.png
deleted file mode 100644
index 946106a..0000000
Binary files a/images/template_editor/date-options.png and /dev/null differ
diff --git a/images/template_editor/day-month-year.png b/images/template_editor/day-month-year.png
deleted file mode 100644
index 7e269ad..0000000
Binary files a/images/template_editor/day-month-year.png and /dev/null differ
diff --git a/images/template_editor/field-options.png b/images/template_editor/field-options.png
deleted file mode 100644
index 265de34..0000000
Binary files a/images/template_editor/field-options.png and /dev/null differ
diff --git a/images/template_editor/formulas.png b/images/template_editor/formulas.png
deleted file mode 100644
index b0bb019..0000000
Binary files a/images/template_editor/formulas.png and /dev/null differ
diff --git a/images/template_editor/getting_started/add_field.gif b/images/template_editor/getting_started/add_field.gif
deleted file mode 100644
index 5c75b74..0000000
Binary files a/images/template_editor/getting_started/add_field.gif and /dev/null differ
diff --git a/images/template_editor/getting_started/delete_field.gif b/images/template_editor/getting_started/delete_field.gif
deleted file mode 100644
index 06ecea9..0000000
Binary files a/images/template_editor/getting_started/delete_field.gif and /dev/null differ
diff --git a/images/template_editor/getting_started/new_field_type.png b/images/template_editor/getting_started/new_field_type.png
deleted file mode 100644
index 3b82eaf..0000000
Binary files a/images/template_editor/getting_started/new_field_type.png and /dev/null differ
diff --git a/images/template_editor/multiline-checkbox.png b/images/template_editor/multiline-checkbox.png
deleted file mode 100644
index ccb5607..0000000
Binary files a/images/template_editor/multiline-checkbox.png and /dev/null differ
diff --git a/images/template_editor/multiline-name-example.jpg b/images/template_editor/multiline-name-example.jpg
deleted file mode 100644
index 0a37186..0000000
Binary files a/images/template_editor/multiline-name-example.jpg and /dev/null differ
diff --git a/images/template_editor/number-condition-range.png b/images/template_editor/number-condition-range.png
deleted file mode 100644
index 3df8932..0000000
Binary files a/images/template_editor/number-condition-range.png and /dev/null differ
diff --git a/images/template_editor/number-options.png b/images/template_editor/number-options.png
deleted file mode 100644
index cc47e7d..0000000
Binary files a/images/template_editor/number-options.png and /dev/null differ
diff --git a/images/template_editor/signature_field.jpg b/images/template_editor/signature_field.jpg
deleted file mode 100644
index a2531a0..0000000
Binary files a/images/template_editor/signature_field.jpg and /dev/null differ
diff --git a/images/types/address.svg b/images/types/address.svg
deleted file mode 100644
index b5c309f..0000000
--- a/images/types/address.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="10px" height="14px" viewBox="0 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>address</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-11.000000, -414.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M18,418.666667 C18,418.022667 17.7721111,417.472778 17.3163333,417.017 C16.8605556,416.561222 16.3106667,416.333333 15.6666667,416.333333 C15.0226667,416.333333 14.4727778,416.561222 14.017,417.017 C13.5612222,417.472778 13.3333333,418.022667 13.3333333,418.666667 C13.3333333,419.310667 13.5612222,419.860556 14.017,420.316333 C14.4727778,420.772111 15.0226667,421 15.6666667,421 C16.3106667,421 16.8605556,420.772111 17.3163333,420.316333 C17.7721111,419.860556 18,419.310667 18,418.666667 Z M20.3333333,418.666667 C20.3333333,419.329333 20.233,419.873 20.0323333,420.297667 L16.7143333,427.3525 C16.6171111,427.553167 16.4728333,427.711056 16.2815,427.826167 C16.0901667,427.941278 15.8852222,427.998833 15.6666667,427.998833 C15.4481111,427.998833 15.2431667,427.941278 15.0518333,427.826167 C14.8605,427.711056 14.7193333,427.553167 14.6283333,427.3525 L11.301,420.297667 C11.1003333,419.872222 11,419.328556 11,418.666667 C11,417.378667 11.4557778,416.278889 12.3673333,415.367333 C13.2788889,414.455778 14.3786667,414 15.6666667,414 C16.9546667,414 18.0544444,414.455778 18.966,415.367333 C19.8775556,416.278889 20.3333333,417.378667 20.3333333,418.666667 L20.3333333,418.666667 Z" id="address"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/array.svg b/images/types/array.svg
deleted file mode 100644
index c84cdaa..0000000
--- a/images/types/array.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="14px" viewBox="0 0 12 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>array</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-32.000000, -517.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M43.5999985,517 L43.5999985,531 L39.5999985,531 L39.5999985,529.445934 L41.4591534,529.445934 L41.4591534,518.444025 L39.5999985,518.444025 L39.5999985,517 L43.5999985,517 Z M32,517 L36,517 L36,518.444025 L34.1408451,518.444025 L34.1408451,529.445934 L36,529.445934 L36,531 L32,531 L32,517 Z" id="array"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/barcode.svg b/images/types/barcode.svg
deleted file mode 100644
index 404f509..0000000
--- a/images/types/barcode.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>barcode</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-197.000000, -30.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M198.875,45.75 L197.375,45.75 C197.167893,45.75 197,45.5821068 197,45.375 L197,30.375 C197,30.1678932 197.167893,30 197.375,30 L198.875,30 C199.082107,30 199.25,30.1678932 199.25,30.375 L199.25,45.375 C199.25,45.5821068 199.082107,45.75 198.875,45.75 Z M209.75,45.375 L209.75,30.375 C209.75,30.1678932 209.582107,30 209.375,30 L208.625,30 C208.417893,30 208.25,30.1678932 208.25,30.375 L208.25,45.375 C208.25,45.5821068 208.417893,45.75 208.625,45.75 L209.375,45.75 C209.582107,45.75 209.75,45.5821068 209.75,45.375 Z M215,45.375 L215,30.375 C215,30.1678932 214.832107,30 214.625,30 L213.875,30 C213.667893,30 213.5,30.1678932 213.5,30.375 L213.5,45.375 C213.5,45.5821068 213.667893,45.75 213.875,45.75 L214.625,45.75 C214.832107,45.75 215,45.5821068 215,45.375 Z M206.75,45.375 L206.75,30.375 C206.75,30.1678932 206.582107,30 206.375,30 L204.125,30 C203.917893,30 203.75,30.1678932 203.75,30.375 L203.75,45.375 C203.75,45.5821068 203.917893,45.75 204.125,45.75 L206.375,45.75 C206.582107,45.75 206.75,45.5821068 206.75,45.375 Z M202.25,45.375 L202.25,30.375 C202.25,30.1678932 202.082107,30 201.875,30 L201.125,30 C200.917893,30 200.75,30.1678932 200.75,30.375 L200.75,45.375 C200.75,45.5821068 200.917893,45.75 201.125,45.75 L201.875,45.75 C202.082107,45.75 202.25,45.5821068 202.25,45.375 Z M212,45.375 L212,30.375 C212,30.1678932 211.832107,30 211.625,30 L211.625,30 C211.417893,30 211.25,30.1678932 211.25,30.375 L211.25,45.375 C211.25,45.5821068 211.417893,45.75 211.625,45.75 L211.625,45.75 C211.832107,45.75 212,45.5821068 212,45.375 Z" id="barcode"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/boolean.svg b/images/types/boolean.svg
deleted file mode 100644
index 0551937..0000000
--- a/images/types/boolean.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Boolean</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -640.000000)" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="dob-month-field" transform="translate(31.000000, 546.000000)">
-                    <path d="M0,5.08823529 C0,6.79410626 1.38345832,8.17647059 3.09012875,8.17647059 L10.9098712,8.17647059 C12.61694,8.17647059 14,6.79412397 14,5.08823529 C14,3.38236432 12.6165416,2 10.9098712,2 L3.09012875,2 C1.38305994,2 0,3.38234662 0,5.08823529 Z M0.823529412,5.08823529 C0.823529412,3.83740282 1.83731775,2.82352941 3.08823529,2.82352941 C4.33906781,2.82352941 5.35294118,3.83731779 5.35294118,5.08823529 C5.35294118,6.33906776 4.33915284,7.35294118 3.08823529,7.35294118 C1.83740278,7.35294118 0.823529412,6.33915279 0.823529412,5.08823529 Z M0,12.9117647 C0,14.6176357 1.38345832,16 3.09012875,16 L10.9098712,16 C12.61694,16 14,14.6176534 14,12.9117647 C14,11.2058937 12.6165416,9.82352941 10.9098712,9.82352941 L3.09012875,9.82352941 C1.38305994,9.82352941 0,11.205876 0,12.9117647 Z M8.64705882,12.9117647 C8.64705882,11.6609322 9.66084721,10.6470588 10.9117647,10.6470588 C12.1625972,10.6470588 13.1764706,11.6608472 13.1764706,12.9117647 C13.1764706,14.1625972 12.1626822,15.1764706 10.9117647,15.1764706 C9.66093224,15.1764706 8.64705882,14.1626822 8.64705882,12.9117647 Z" id="boolean"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/check.svg b/images/types/check.svg
deleted file mode 100644
index 208ae37..0000000
--- a/images/types/check.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Check</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -811.000000)" fill-rule="nonzero" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="text-field" transform="translate(31.000000, 714.000000)">
-                    <path d="M12.7376028,5.16830745 C12.513339,4.94389752 12.1455114,4.94389752 11.9211015,5.16830745 L4.67902018,12.4108273 C4.45461025,12.6352373 4.08692883,12.6352373 3.86251889,12.4108273 L2.07878888,10.6272435 C1.85437894,10.4028336 1.48669752,10.4028336 1.26228759,10.6272435 L0.168307449,11.7218084 C-0.056102483,11.9462184 -0.056102483,12.3138998 0.168307449,12.5383097 L3.86251889,16.2317902 C4.08692883,16.4562001 4.45461025,16.4562001 4.67902018,16.2317902 L13.8315829,7.07878888 C14.056139,6.85423275 14.056139,6.48669752 13.8315829,6.2621414 L12.7376028,5.16830745 Z" id="check"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/circle.svg b/images/types/circle.svg
deleted file mode 100644
index c581a8c..0000000
--- a/images/types/circle.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Circle</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -349.000000)" fill-rule="nonzero" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="title-mrs" transform="translate(31.000000, 254.000000)">
-                    <path d="M7,4 C3.68918004,4 1,6.69126752 1,10 C1,13.31082 3.69126752,16 7,16 C10.31082,16 13,13.3087325 13,10 C13,6.68918004 10.3087325,4 7,4 Z M7,3 C10.8581267,3 14,6.13400675 14,10 C14,13.8581267 10.8659932,17 7,17 C3.14187327,17 0,13.8659932 0,10 C0,6.14187327 3.13400675,3 7,3 Z" id="circle"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/combined.svg b/images/types/combined.svg
deleted file mode 100644
index ac08a2e..0000000
--- a/images/types/combined.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>combined</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -600.000000)" fill-rule="nonzero" fill="#696969">
-            <polygon id="combined" points="35.06 611.2 31 611.2 31 608.4 33.94 608.4 36.74 605.6 33.94 602.8 31 602.8 31 600 35.06 600 39.26 604.2 42.2 604.2 42.2 602.8 45 605.6 42.2 608.4 42.2 607 39.26 607"></polygon>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/country.svg b/images/types/country.svg
deleted file mode 100644
index 0fad0e7..0000000
--- a/images/types/country.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>country</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -725.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M44.93252,731.03904 C44.89822,730.79082 44.8516,730.54666 44.79196,730.30726 C44.62088,729.6214 44.34942,728.97488 43.99242,728.38534 C43.83786,728.12998 43.66608,727.88638 43.48128,727.65356 C42.19762,726.03852 40.21858,725 38,725 C35.78156,725 33.80224,726.03852 32.51886,727.6537 C32.33392,727.88638 32.16228,728.13012 32.00786,728.38548 C31.65086,728.97502 31.37912,729.62154 31.20818,730.3074 C31.14854,730.54666 31.10192,730.79096 31.06776,731.03918 C31.02422,731.35334 31,731.6738 31,732 C31,732.3262 31.02422,732.64666 31.06762,732.96096 C31.10192,733.20918 31.14854,733.45348 31.20804,733.69274 C31.37912,734.37874 31.65072,735.02512 32.00772,735.6148 C32.16228,735.87016 32.33392,736.11376 32.51872,736.34658 C33.80224,737.96148 35.78156,739 38,739 C40.21844,739 42.19776,737.96148 43.48128,736.3463 C43.66608,736.11362 43.83786,735.87002 43.99242,735.61452 C44.34928,735.02484 44.62088,734.3786 44.79196,733.69246 C44.8516,733.4532 44.89822,733.20904 44.93252,732.96068 C44.97578,732.64652 45,732.32606 45,732 C45,731.67394 44.97578,731.35334 44.93252,731.03904 Z M36.1165197,726.293166 C35.7690896,726.70235 35.4640813,727.223629 35.213443,727.832303 L33.6749773,727.832303 C34.3448677,727.137309 35.1798814,726.603142 36.1165197,726.293166 Z M33.0939581,728.533876 L34.9607909,728.533876 C34.7851964,729.097443 34.6522923,729.716722 34.5690594,730.376813 L32.2137033,730.376813 C32.4015143,729.708265 32.7020924,729.086838 33.0939581,728.533876 Z M31.9893773,731.999988 C31.9893773,731.686791 32.013676,731.379098 32.059991,731.07852 L34.5009964,731.07852 C34.4801882,731.379366 34.4685088,731.686522 34.4685088,731.999988 C34.4685088,732.313454 34.4801882,732.62061 34.5009964,732.921457 L32.059991,732.921457 C32.0135417,732.620879 31.9893773,732.31332 31.9893773,731.999988 Z M33.0939581,735.465966 C32.7022266,734.913004 32.4015143,734.291577 32.2137033,733.622895 L34.5689252,733.622895 C34.6521581,734.28312 34.7851964,734.902265 34.9606567,735.465966 L33.0939581,735.465966 Z M33.6751115,736.167673 L35.2135772,736.167673 C35.4640813,736.776347 35.7692238,737.297492 36.1166539,737.70681 C35.1798814,737.3967 34.3450019,736.862802 33.6751115,736.167673 Z M37.6492128,737.960402 C37.0059032,737.782659 36.4221991,737.125254 35.9830786,736.167673 L37.6492128,736.167673 L37.6492128,737.960402 Z M37.6492128,735.465966 L35.7057252,735.465966 C35.517243,734.910991 35.3718539,734.288758 35.280432,733.622895 L37.649347,733.622895 C37.6492128,734.285939 37.6492128,734.906158 37.6492128,735.465966 Z M37.6492128,731.999988 L37.6492128,732.921457 L35.2051197,732.921457 C35.1821635,732.620207 35.1699471,732.31238 35.1699471,731.999988 C35.1699471,731.687462 35.1820293,731.379769 35.2051197,731.07852 L37.6492128,731.07852 L37.6492128,731.999988 Z M37.6492128,730.376813 L35.2802978,730.376813 C35.3717197,729.71095 35.517243,729.088717 35.7055909,728.533876 L37.6492128,728.533876 L37.6492128,730.376813 Z M37.6492128,727.832303 L35.9830786,727.832303 C36.4223334,726.874454 37.0059032,726.217317 37.6492128,726.03944 L37.6492128,727.832303 Z M42.9060401,728.533876 C43.2979058,729.086838 43.5983496,729.708265 43.7862948,730.376813 L41.431073,730.376813 C41.3477058,729.716722 41.2148017,729.097443 41.0392072,728.533876 L42.9060401,728.533876 L42.9060401,728.533876 Z M42.3250209,727.832303 L40.7865552,727.832303 C40.5360511,727.223629 40.2307744,726.70235 39.8834785,726.293301 C40.8201168,726.603142 41.6551305,727.137309 42.3250209,727.832303 Z M38.3507854,726.03944 C38.9942292,726.217317 39.577799,726.874454 40.0169196,727.832169 L38.3507854,727.832169 L38.3507854,726.03944 Z M38.3507854,728.533876 L40.294273,728.533876 C40.4828894,729.088717 40.6282785,729.71095 40.7197004,730.376813 L38.3507854,730.376813 L38.3507854,728.533876 Z M38.3507854,731.07852 L40.7948785,731.07852 C40.8177004,731.379769 40.8299168,731.687462 40.8299168,731.999988 C40.8299168,732.312514 40.8177004,732.620342 40.7948785,732.921457 L38.3507854,732.921457 L38.3507854,731.07852 Z M38.3507854,733.623029 L40.7197004,733.623029 C40.6282785,734.288892 40.4828894,734.911125 40.294273,735.4661 L38.3507854,735.4661 L38.3507854,733.623029 Z M38.3507854,737.960402 L38.3507854,736.167673 L40.0169196,736.167673 C39.577799,737.125388 38.9942292,737.782525 38.3507854,737.960402 Z M39.8834785,737.70681 C40.2307744,737.297492 40.5359168,736.776213 40.7864209,736.167673 L42.3248866,736.167673 C41.6549963,736.862667 40.8201168,737.3967 39.8834785,737.70681 Z M42.9060401,735.465966 L41.039073,735.465966 C41.2148017,734.902399 41.3477058,734.28312 41.431073,733.622895 L43.7862948,733.622895 C43.5983496,734.291577 43.2979058,734.913004 42.9060401,735.465966 Z M43.9400071,732.921322 L41.4988675,732.921322 C41.51981,732.620476 41.5314894,732.313454 41.5314894,731.999854 C41.5314894,731.686522 41.51981,731.379232 41.4988675,731.078385 L43.9400071,731.078385 C43.9864565,731.378829 44.0106208,731.686522 44.0106208,731.999854 C44.0106208,732.31332 43.9864565,732.620879 43.9400071,732.921322 Z" id="country"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/date.svg b/images/types/date.svg
deleted file mode 100644
index 7da3e30..0000000
--- a/images/types/date.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Date</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -179.000000)" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="day-field" transform="translate(31.000000, 85.000000)">
-                    <path d="M13.6804921,4.29692744 C13.4675557,4.09901234 13.2149649,4.00005479 12.9233391,4.00005479 L11.8464716,4.00005479 L11.8464716,3.25001027 C11.8464716,2.90634375 11.7145997,2.61206011 11.4509593,2.36725524 C11.1872156,2.12245038 10.8704959,2 10.5001807,2 L9.96185025,2 C9.59153506,2 9.27471214,2.12245038 9.01107169,2.36725524 C8.74732797,2.61206011 8.61555937,2.90634375 8.61555937,3.25001027 L8.61555937,4.00005479 L5.38485369,4.00005479 L5.38485369,3.25001027 C5.38485369,2.90634375 5.25298183,2.61206011 4.98934138,2.36725524 C4.72570092,2.12245038 4.40877474,2 4.03856282,2 L3.50012908,2 C3.12991717,2 2.81299098,2.12245038 2.54935052,2.36725524 C2.28571007,2.61206011 2.15383821,2.90634375 2.15383821,3.25001027 L2.15383821,4.00005479 L1.07697074,4.00005479 C0.785241681,4.00005479 0.532857322,4.09901234 0.319714393,4.29692744 C0.106571464,4.49484254 0,4.72929138 0,5.00008219 L0,15.0000685 C0,15.2707634 0.106571464,15.5051164 0.319714393,15.7031274 C0.532857322,15.9010425 0.785241681,16 1.07697074,16 L12.9231325,16 C13.2147583,16 13.4673492,15.9010425 13.6802856,15.7031274 C13.8934285,15.5052123 14,15.2707634 14,15.0000685 L14,5.00008219 C14,4.72919549 13.8935318,4.49484254 13.6804921,4.29692744 L13.6804921,4.29692744 Z M3.50002582,14.9999726 L1.07697074,14.9999726 L1.07697074,12.7499349 L3.50002582,12.7499349 L3.50002582,14.9999726 L3.50002582,14.9999726 Z M3.50002582,12.2499692 L1.07697074,12.2499692 L1.07697074,9.75014041 L3.50002582,9.75014041 L3.50002582,12.2499692 L3.50002582,12.2499692 Z M3.50002582,9.24998288 L1.07697074,9.24998288 L1.07697074,7.0000411 L3.50002582,7.0000411 L3.50002582,9.24998288 L3.50002582,9.24998288 Z M3.31084081,5.67581266 C3.25755508,5.62633389 3.23091222,5.56784154 3.23091222,5.50004794 L3.23091222,3.25010616 C3.23091222,3.18240846 3.25755508,3.12382022 3.31084081,3.07434145 C3.36412655,3.02486267 3.42711937,3.00012329 3.50012908,3.00012329 L4.03856282,3.00012329 C4.11146927,3.00012329 4.17456536,3.02486267 4.22785109,3.07434145 C4.28113682,3.12382022 4.30777969,3.18240846 4.30777969,3.25010616 L4.30777969,5.50004794 C4.30777969,5.56784154 4.28103355,5.62633389 4.22785109,5.67581266 C4.17456536,5.72529143 4.11157253,5.75003082 4.03856282,5.75003082 L3.50012908,5.75003082 C3.42722264,5.75003082 3.36412655,5.72529143 3.31084081,5.67581266 L3.31084081,5.67581266 Z M6.73083477,14.9999726 L4.03845955,14.9999726 L4.03845955,12.7499349 L6.73083477,12.7499349 L6.73083477,14.9999726 L6.73083477,14.9999726 Z M6.73083477,12.2499692 L4.03845955,12.2499692 L4.03845955,9.75014041 L6.73083477,9.75014041 L6.73083477,12.2499692 L6.73083477,12.2499692 Z M6.73083477,9.24998288 L4.03845955,9.24998288 L4.03845955,7.0000411 L6.73083477,7.0000411 L6.73083477,9.24998288 L6.73083477,9.24998288 Z M9.96174698,14.9999726 L7.26937177,14.9999726 L7.26937177,12.7499349 L9.96174698,12.7499349 L9.96174698,14.9999726 L9.96174698,14.9999726 Z M9.96174698,12.2499692 L7.26937177,12.2499692 L7.26937177,9.75014041 L9.96174698,9.75014041 L9.96174698,12.2499692 L9.96174698,12.2499692 Z M9.96174698,9.24998288 L7.26937177,9.24998288 L7.26937177,7.0000411 L9.96174698,7.0000411 L9.96174698,9.24998288 L9.96174698,9.24998288 Z M9.77235544,5.67581266 C9.71917298,5.62633389 9.69263338,5.56784154 9.69263338,5.50004794 L9.69263338,3.25010616 C9.69263338,3.18240846 9.71917298,3.12382022 9.77235544,3.07434145 C9.82564118,3.02486267 9.88873727,3.00012329 9.96174698,3.00012329 L10.5000775,3.00012329 C10.5730872,3.00012329 10.6361833,3.02486267 10.689469,3.07434145 C10.7427547,3.12382022 10.7692943,3.18240846 10.7692943,3.25010616 L10.7692943,5.50004794 C10.7692943,5.56784154 10.7426515,5.62633389 10.689469,5.67581266 C10.6362865,5.72529143 10.5730872,5.75003082 10.5000775,5.75003082 L9.96174698,5.75003082 C9.88873727,5.75003082 9.82553791,5.72529143 9.77235544,5.67581266 L9.77235544,5.67581266 Z M12.9231325,14.9999726 L10.4999742,14.9999726 L10.4999742,12.7499349 L12.9231325,12.7499349 L12.9231325,14.9999726 L12.9231325,14.9999726 Z M12.9231325,12.2499692 L10.4999742,12.2499692 L10.4999742,9.75014041 L12.9231325,9.75014041 L12.9231325,12.2499692 L12.9231325,12.2499692 Z M12.9231325,9.24998288 L10.4999742,9.24998288 L10.4999742,7.0000411 L12.9231325,7.0000411 L12.9231325,9.24998288 L12.9231325,9.24998288 Z" id="date"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/ellipse.svg b/images/types/ellipse.svg
deleted file mode 100644
index 04a24df..0000000
--- a/images/types/ellipse.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>ellipse</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-9.000000, -337.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M16,344 C19.3869073,344 22,342.506804 22,341 C22,339.493196 19.3869073,338 16,338 C12.6130927,338 10,339.493196 10,341 C10,342.506804 12.6130927,344 16,344 Z M16,345 C12.1340068,345 9,343.209139 9,341 C9,338.790861 12.1340068,337 16,337 C19.8659932,337 23,338.790861 23,341 C23,343.209139 19.8659932,345 16,345 Z" id="ellipse"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/email.svg b/images/types/email.svg
deleted file mode 100644
index 7017f64..0000000
--- a/images/types/email.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>email</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-29.000000, -893.000000)" fill-rule="nonzero" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="date-field" transform="translate(29.000000, 797.000000)">
-                    <path d="M7.03285083,4 L7.00003851,4 C5.13783418,3.99997954 3.35237588,4.74197586 2.03868114,6.06182853 C0.724986411,7.38168121 -0.00865206958,9.17058995 7.70133003e-05,11.0327738 C0.017576917,14.8740027 3.23974669,17.999923 7.18160001,17.999923 L7.4375361,17.999923 C7.9207826,17.999923 8.31253129,17.6081743 8.31253129,17.1249278 C8.31253129,16.6416813 7.9207826,16.2499326 7.4375361,16.2499326 L7.18160001,16.2499326 C4.20005391,16.2499326 1.76319231,13.9049455 1.75006739,11.0240239 C1.7436665,9.6274805 2.29395983,8.28593982 3.27921503,7.29616887 C4.26447022,6.30639793 5.60348048,5.7499757 7.00003851,5.74999037 L7.02410087,5.74999037 C9.90502253,5.7631153 12.2500096,8.1999769 12.2500096,11.181523 L12.2500096,13.1874495 C12.2500096,13.670696 11.8582609,14.0624446 11.3750144,14.0624446 C10.8917679,14.0624446 10.5000193,13.670696 10.5000193,13.1874495 L10.5000193,10.9999615 C10.5054343,9.39661025 9.42394548,7.99328504 7.87212202,7.59003762 C6.32029856,7.18679019 4.69243698,7.88608007 3.91659979,9.28923408 C3.1407626,10.6923881 3.41407913,12.4428845 4.5807285,13.5427453 C5.74737787,14.6426061 7.51093087,14.8123721 8.86596574,13.9552577 C9.24757166,15.1963076 10.4791591,15.971915 11.7632727,15.7798725 C13.0473862,15.5878299 13.9981744,14.4858425 14,13.1874495 L14,11.181523 C14,7.23966968 10.8740797,4.0174999 7.03285083,4 Z M7.00003851,12.7499519 C6.03354551,12.7499519 5.25004813,11.9664545 5.25004813,10.9999615 C5.25004813,10.0334685 6.03354551,9.24997112 7.00003851,9.24997112 C7.9665315,9.24997112 8.75002888,10.0334685 8.75002888,10.9999615 C8.75002888,11.9664545 7.9665315,12.7499519 7.00003851,12.7499519 Z" id="email"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/image.svg b/images/types/image.svg
deleted file mode 100644
index ea7464f..0000000
--- a/images/types/image.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>image</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-27.000000, -916.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M27.5,916.5 L27.5,930.5 L41.5,930.5 L41.5,916.5 L27.5,916.5 Z M40.2768421,917.723158 L40.2768421,922.822105 L37.5652632,919.889474 L33.3947368,924.708421 L31.4494737,922.836842 L28.7231579,925.415789 L28.7231579,917.723158 L40.2768421,917.723158 Z M28.7231579,929.276842 L28.7231579,927.095789 L31.4494737,924.516842 L33.4831579,926.462105 L37.5947368,921.702105 L40.2768421,924.605263 L40.2768421,929.262105 L28.7231579,929.262105 L28.7231579,929.276842 Z M31.0663158,921.348421 C30.3826454,921.348421 29.8284211,920.794197 29.8284211,920.110526 C29.8284211,919.426856 30.3826454,918.872632 31.0663158,918.872632 C31.7499862,918.872632 32.3042105,919.426856 32.3042105,920.110526 C32.3042105,920.794197 31.7499862,921.348421 31.0663158,921.348421 Z" id="image"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/number.svg b/images/types/number.svg
deleted file mode 100644
index 50860bc..0000000
--- a/images/types/number.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Number</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -809.000000)" fill-rule="nonzero" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="text-field" transform="translate(31.000000, 714.000000)">
-                    <path d="M14,9 L14,7 L11.49808,7 L11.99808,3 L9.99808,3 L9.49808,7 L5.49904,7 L5.99904,3 L3.99904,3 L3.49904,7 L0,7 L0,9 L3.24912,9 L2.75008,13 L0,13 L0,15 L2.5,15 L2,19 L4,19 L4.5,15 L8.5,15 L7.99904,19 L10,19 L10.5,15 L14,15 L14,13 L10.75008,13 L11.24816,9 L14,9 Z M8.75008,13 L4.75008,13 L5.24912,9 L9.24816,9 L8.75008,13 Z" id="number"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/object.svg b/images/types/object.svg
deleted file mode 100644
index 9480999..0000000
--- a/images/types/object.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>object</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -473.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M36.0047492,473.00875 L35.5071179,473 C33.412327,473 32.3649316,473.76125 32.3649316,475.28375 L32.3649316,478.18 C32.3649316,478.804167 32.01422,479.16 31.3127968,479.2475 L31,479.34375 L31,480.6125 L31.1279623,480.63 C31.1658771,480.635833 31.1943132,480.641667 31.2132706,480.6475 C31.260664,480.653333 31.2938394,480.659167 31.3127968,480.665 C31.7014232,480.723333 31.9763052,480.834167 32.137443,480.9975 C32.2891021,481.166667 32.3649316,481.435 32.3649316,481.8025 L32.3649316,484.515 C32.3649316,485.3725 32.6255956,486.0025 33.1469237,486.405 C33.6777304,486.801667 34.5071159,486.997083 35.6350802,486.99125 L36.4028543,486.99125 L36.4028543,485.7575 L35.8056967,485.7575 C35.2654113,485.7575 34.9146997,485.702083 34.7535619,485.59125 C34.6019028,485.480417 34.5260733,485.217917 34.5260733,484.80375 L34.5118553,481.75875 C34.5118553,481.33875 34.4360257,481.009167 34.2843667,480.77 C34.1421863,480.536667 33.8625649,480.28875 33.4455025,480.02625 L33.9431338,479.71125 L34.2701486,479.335 L34.4692012,478.87125 L34.5118553,475.52875 C34.5118553,474.98625 34.5829455,474.647917 34.7251258,474.51375 C34.8673062,474.367917 35.2180178,474.295 35.7772606,474.295 L36.4028543,474.295 L36.4028543,473.07875 C36.317546,473.032083 36.1848444,473.00875 36.0047492,473.00875 L36.0047492,473.00875 Z M45,480.665 L45,479.39625 L44.8862557,479.37875 C44.8483409,479.372917 44.8199049,479.367083 44.8009475,479.36125 C44.753554,479.355417 44.7203786,479.349583 44.7014212,479.34375 C44.2938375,479.285417 44.0142161,479.174583 43.862557,479.01125 C43.7108979,478.847917 43.6350684,478.579583 43.6350684,478.20625 L43.6350684,475.485 C43.6350684,474.6275 43.3744044,474.000417 42.8530763,473.60375 C42.3317483,473.20125 41.5071021,473.005833 40.3791378,473.0175 L39.5971457,473.0175 L39.5971457,474.2425 L40.2085213,474.2425 C40.7488068,474.2425 41.094779,474.30375 41.2464381,474.42625 C41.3980972,474.53125 41.4739267,474.787917 41.4739267,475.19625 L41.5023628,478.25 C41.5023628,478.640833 41.573453,478.970417 41.7156333,479.23875 C41.8767711,479.472083 42.1611318,479.722917 42.5687156,479.99125 C42.1611318,480.20125 41.8815104,480.431667 41.7298514,480.6825 C41.5781923,480.915833 41.5023628,481.26 41.5023628,481.715 L41.5023628,484.48 C41.5023628,485.0225 41.4265332,485.360833 41.2748742,485.495 C41.1232151,485.635 40.7725035,485.705 40.2227394,485.705 L39.5971457,485.705 L39.5971457,486.93 C39.6919327,486.970833 39.819895,486.99125 39.9810327,486.99125 L40.4786641,487 C42.5829336,487 43.6350684,486.23875 43.6350684,484.71625 L43.6350684,481.82875 C43.6350684,481.204583 43.9905193,480.851667 44.7014212,480.77 L45,480.665 Z" id="object"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/qrcode.svg b/images/types/qrcode.svg
deleted file mode 100644
index 3625ba6..0000000
--- a/images/types/qrcode.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>qrcode</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-29.000000, -203.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M30.0769231,215.923077 L34.3846154,215.923077 L30.0769231,215.923077 L30.0769231,215.923077 Z M31.1538462,212.692308 L33.3076923,212.692308 L33.3076923,214.846154 L31.1538462,214.846154 L31.1538462,212.692308 L31.1538462,212.692308 L31.1538462,212.692308 Z M36.5387452,210.538462 L37.6156683,210.538462 L37.6156683,214.846154 L36.5387452,214.846154 L36.5387452,210.538462 L36.5387452,210.538462 L36.5387452,210.538462 Z M29,217 L35.4612548,217 L35.4612548,210.538462 L29,210.538462 L29,217 L29,217 L29,217 Z M30.0769231,215.923077 L30.0769231,211.615385 L34.3846154,211.615385 L34.3846154,215.923077 L30.0769231,215.923077 L30.0769231,215.923077 L30.0769231,215.923077 Z M36.5387452,215.923077 L38.6925914,215.923077 L38.6925914,217 L36.5384615,217 L36.5387452,215.923077 L36.5387452,215.923077 L36.5387452,215.923077 Z M41.9230769,212.692308 L43,212.692308 L43,213.769231 L41.9230769,213.769231 L41.9230769,212.692308 L41.9230769,212.692308 L41.9230769,212.692308 Z M39.7692308,210.538462 L43,210.538462 L43,211.615385 L39.7692308,211.615385 L39.7692308,210.538462 L39.7692308,210.538462 Z M38.6923077,205.153846 L40.8461538,205.153846 L40.8461538,207.307692 L38.6923077,207.307692 L38.6923077,205.153846 L38.6923077,205.153846 Z M43,203 L36.5384615,203 L36.5384615,209.461538 L43,209.461538 L43,203 L43,203 L43,203 Z M41.9230769,208.384615 L37.6153846,208.384615 L37.6153846,204.076923 L41.9233606,204.076923 L41.9233606,208.384615 L41.9230769,208.384615 Z M29,209.461538 L35.4612548,209.461538 L35.4612548,203 L29,203 L29,209.461538 L29,209.461538 Z M30.0769231,204.076923 L34.3846154,204.076923 L34.3846154,208.384615 L30.0769231,208.384615 L30.0769231,204.076923 L30.0769231,204.076923 Z M41.9230769,215.923077 L39.7692308,215.923077 L39.7692308,217 L43,217 L43,214.846154 L41.9230769,214.846154 L41.9230769,215.923077 L41.9230769,215.923077 L41.9230769,215.923077 Z M38.6923077,212.692308 L38.6923077,214.846154 L40.8461538,214.846154 L40.8461538,213.769231 L39.7692308,213.769231 L39.7692308,212.692308 L38.6923077,212.692308 L38.6923077,212.692308 L38.6923077,212.692308 Z M31.1538462,205.153846 L33.3076923,205.153846 L33.3076923,207.307692 L31.1538462,207.307692 L31.1538462,205.153846 L31.1538462,205.153846 L31.1538462,205.153846 Z" id="qrcode"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/rectangle.svg b/images/types/rectangle.svg
deleted file mode 100644
index d71cab3..0000000
--- a/images/types/rectangle.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>rectangle</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-9.000000, -295.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M11.0058587,296 C10.4499185,296 10,296.449765 10,297.005859 L10,300.994141 C10,301.550082 10.4497646,302 11.0058587,302 L20.9941413,302 C21.5500815,302 22,301.550235 22,300.994141 L22,297.005859 C22,296.449918 21.5502354,296 20.9941413,296 L11.0058587,296 Z M11.0058587,295 L20.9941413,295 C22.1029399,295 23,295.898054 23,297.005859 L23,300.994141 C23,302.10294 22.1019465,303 20.9941413,303 L11.0058587,303 C9.89706013,303 9,302.101946 9,300.994141 L9,297.005859 C9,295.89706 9.89805351,295 11.0058587,295 Z" id="rectangle"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/signature.svg b/images/types/signature.svg
deleted file mode 100644
index 78e15e5..0000000
--- a/images/types/signature.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="13px" viewBox="0 0 14 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>signature</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -246.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M43.719502,248.38448 C43.5676794,248.232502 43.3212787,248.232502 43.1696116,248.38448 L41.8889191,249.665173 L41.8889191,248.72223 C41.8889191,248.524674 41.7305631,248.402873 41.603785,248.276095 C41.4077845,248.080095 40.1191587,246.791469 39.6708463,246.343157 C39.5316237,246.203934 39.38229,246 39.1666894,246 L31.38889,246 C31.1740672,246 31,246.174067 31,246.38889 L31,258.381752 C31,258.596575 31.1740672,258.770642 31.38889,258.770642 L41.5000292,258.770642 C41.714852,258.770642 41.8889191,258.596575 41.8889191,258.381752 L41.8889191,253.098293 L43.444479,251.542733 L43.672213,251.770623 L42.3916761,253.05116 C42.2396979,253.202982 42.2396979,253.449228 42.3916761,253.60105 C42.4675874,253.677117 42.5671432,253.715073 42.6666991,253.715073 C42.7662549,253.715073 42.8658107,253.677117 42.9417221,253.601206 L44.4972819,252.045646 C44.6492601,251.893823 44.6492601,251.647578 44.4972819,251.495756 L43.9943694,250.992843 L44.8860164,250.101196 C45.0379945,249.949373 45.0379945,249.703128 44.8860164,249.551306 L43.719502,248.38448 Z M39.5555793,247.327826 L40.5610932,248.33334 L39.5555793,248.33334 L39.5555793,247.327826 Z M41.1111392,258.002456 L31.7777799,258.002456 L31.7777799,246.77778 L38.7777994,246.77778 L38.7777994,248.72223 C38.7777994,248.937053 38.9518665,249.11112 39.1666894,249.11112 L41.1111392,249.11112 L41.1111392,250.452547 L37.3361065,254.227424 C37.286173,254.277202 37.2508618,254.339735 37.2337506,254.408024 L36.9185942,255.669117 L36.4444596,255.669117 C36.2301034,255.669117 36.0555696,255.494583 36.0555696,255.280227 C36.0555696,255.065404 35.8815024,254.891337 35.6666796,254.891337 C35.4518568,254.891337 35.2777897,255.065404 35.2777897,255.280227 C35.2777897,255.494583 35.1032558,255.669117 34.8888997,255.669117 C34.6745435,255.669117 34.5000097,255.494583 34.5000097,255.280227 L34.5000097,254.502447 C34.5000097,254.287624 34.3259426,254.113557 34.1111198,254.113557 C33.8962969,254.113557 33.7222298,254.287624 33.7222298,254.502447 L33.7222298,255.280227 C33.7222298,255.494583 33.547696,255.669117 33.3333398,255.669117 C33.118517,255.669117 32.9444498,255.843184 32.9444498,256.058007 C32.9444498,256.272829 33.118517,256.446897 33.3333398,256.446897 C33.6318518,256.446897 33.9045414,256.334119 34.1111198,256.149007 C34.3176981,256.334119 34.5903878,256.446897 34.8888997,256.446897 C35.1874116,256.446897 35.4601013,256.334119 35.6666796,256.149007 C35.873258,256.334119 36.1459476,256.446897 36.4444596,256.446897 L37.2222395,256.446897 C37.2525729,256.446897 37.2816619,256.442697 37.3099731,256.436008 C37.3121509,256.435541 37.3143287,256.435697 37.3165064,256.43523 L38.8720663,256.04634 C38.9403554,256.029229 39.0028889,255.993918 39.0526668,255.943984 L41.1111392,253.885667 L41.1111392,258.002456 Z M38.586605,255.348789 L37.7643361,255.554278 L37.9698255,254.732009 L42.2854153,250.41642 L42.9020392,251.033199 L38.586605,255.348789 Z M43.4444012,250.539727 L42.8276217,249.922947 L43.4444012,249.306324 L44.0610252,249.922947 L43.4444012,250.539727 Z M33.7222298,249.11112 C33.507407,249.11112 33.3333398,248.937053 33.3333398,248.72223 C33.3333398,248.507407 33.507407,248.33334 33.7222298,248.33334 L36.0555696,248.33334 C36.2703924,248.33334 36.4444596,248.507407 36.4444596,248.72223 C36.4444596,248.937053 36.2703924,249.11112 36.0555696,249.11112 L33.7222298,249.11112 Z M33.7222298,250.66668 C33.507407,250.66668 33.3333398,250.492612 33.3333398,250.27779 C33.3333398,250.062967 33.507407,249.8889 33.7222298,249.8889 L39.1666894,249.8889 C39.3815122,249.8889 39.5555793,250.062967 39.5555793,250.27779 C39.5555793,250.492612 39.3815122,250.66668 39.1666894,250.66668 L33.7222298,250.66668 Z M33.7225076,252.280017 C33.5075313,252.280017 33.3333398,252.105453 33.3333398,251.890016 C33.3333398,251.67458 33.5075313,251.500015 33.7225076,251.500015 L37.6141851,251.500015 C37.8291614,251.500015 38.0033529,251.67458 38.0033529,251.890016 C38.0033529,252.105453 37.8291614,252.280017 37.6141851,252.280017 L33.7225076,252.280017 Z" id="signature"></path>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/square.svg b/images/types/square.svg
deleted file mode 100644
index a1e4f84..0000000
--- a/images/types/square.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>Square</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -306.000000)" fill-rule="nonzero" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="title-mr" transform="translate(31.000000, 211.000000)">
-                    <path d="M2.00585866,4 C1.44991848,4 1,4.44976457 1,5.00585866 L1,14.9941413 C1,15.5500815 1.44976457,16 2.00585866,16 L11.9941413,16 C12.5500815,16 13,15.5502354 13,14.9941413 L13,5.00585866 C13,4.44991848 12.5502354,4 11.9941413,4 L2.00585866,4 Z M2.00585866,3 L11.9941413,3 C13.1029399,3 14,3.89805351 14,5.00585866 L14,14.9941413 C14,16.1029399 13.1019465,17 11.9941413,17 L2.00585866,17 C0.897060126,17 0,16.1019465 0,14.9941413 L0,5.00585866 C0,3.89706013 0.898053512,3 2.00585866,3 Z" id="square"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/string.svg b/images/types/string.svg
deleted file mode 100644
index 750acd7..0000000
--- a/images/types/string.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="13px" viewBox="0 0 14 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>String</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-31.000000, -432.000000)" fill="#696969">
-            <g id="fields-list" transform="translate(0.000000, 92.000000)">
-                <g id="family-name-field" transform="translate(31.000000, 338.000000)">
-                    <path d="M13.9496057,14.2248416 C13.635571,14.107014 13.3467334,14.0314226 13.083093,13.9977576 C12.8194525,13.9751422 12.6258271,13.9108069 12.5024231,13.8042354 C12.4295166,13.759211 12.3313098,13.5994571 12.2079058,13.3245606 C11.9778271,12.8646097 11.7956643,12.4466885 11.6611075,12.0709001 C11.4422849,11.4762892 11.2598122,11.0163383 11.1139993,10.6910475 C10.7943882,9.94504724 10.5251713,9.28599774 10.3065552,8.71389899 C10.1886244,8.40544069 9.84102795,7.57248969 9.26314625,6.21504599 L7.53848537,2.17668971 L7.44595821,2 L7.00005163,2 L6.36898747,2 L4.01326242,8.09130271 L2.01928141,13.274063 C1.86221242,13.5656888 1.72755235,13.7565261 1.61540447,13.8462651 C1.49768018,13.9302211 1.18911862,14.0172751 0.689926312,14.1069108 C0.364532238,14.1687677 0.140236481,14.2191619 0.0168325084,14.2584033 L0,14.9232358 L0.176689705,14.9232358 C0.659049502,14.9232358 1.12746826,14.8839944 1.58173946,14.8055115 L1.98561639,14.7382847 C3.57303553,14.8504326 4.55179943,14.9065066 4.92190808,14.9065066 C4.93316417,14.8504326 4.93874059,14.774738 4.93874059,14.6794226 C4.93874059,14.5110975 4.93595238,14.3484521 4.9302727,14.1913831 C4.81254841,14.1745506 4.69895479,14.1577181 4.58959512,14.1408856 C4.48023545,14.1240531 4.39607291,14.1100088 4.33721076,14.098856 C4.27834861,14.0878064 4.24044965,14.0821267 4.22361715,14.0821267 C3.79165161,14.0203731 3.50281402,13.9306341 3.35700113,13.8129098 C3.26168576,13.7456831 3.21397644,13.6250673 3.21397644,13.4510625 C3.21397644,13.3389147 3.27851827,13.1034661 3.40749865,12.7443037 C3.8282081,11.5721209 4.11983389,10.8036084 4.28247929,10.4391795 L8.06865775,10.4559087 L8.84274661,12.3741951 L9.23805239,13.333235 C9.2717174,13.4286536 9.28844664,13.5183926 9.28844664,13.6024519 C9.28844664,13.6865111 9.25488489,13.762309 9.18755486,13.8295358 C9.12022483,13.885713 8.92959409,13.9501516 8.61535284,14.0229548 L7.51308171,14.2585066 C7.49056952,14.4436642 7.47962322,14.6623835 7.47962322,14.9147679 L7.96755943,14.8979354 L9.65029394,14.8054082 C9.96432865,14.7942554 10.3431117,14.7884725 10.7862301,14.7884725 C11.3244573,14.7884725 11.8545264,14.8109847 12.3763342,14.8558025 C13.0044036,14.9006203 13.5429406,14.9230293 13.9917386,14.9230293 C13.9974183,14.8558025 14,14.782896 14,14.7043099 C14,14.6034181 13.9832708,14.4436642 13.9496057,14.2248416 L13.9496057,14.2248416 Z M7.4038253,9.44585494 C7.32534244,9.44585494 7.17808381,9.4444092 6.96215267,9.441621 C6.74622154,9.43903932 6.41256611,9.43480538 5.96097986,9.4291257 C5.50949687,9.42344602 5.07897707,9.41797287 4.66952372,9.41229319 L6.0997706,5.626218 C6.31859321,6.06933636 6.57655398,6.66105583 6.87375619,7.40147967 C7.21040636,8.22038637 7.46836713,8.89626838 7.64794831,9.4291257 L7.4038253,9.44585494 L7.4038253,9.44585494 Z" id="string"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/images/types/url.svg b/images/types/url.svg
deleted file mode 100644
index 882c0fe..0000000
--- a/images/types/url.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>url</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Form-Editor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home-mockup" transform="translate(-30.000000, -849.000000)" fill-rule="nonzero" fill="#696969">
-            <path d="M33.2605263,857.528947 L31.1421053,855.392105 C29.7052632,853.955263 29.7052632,851.597368 31.1421053,850.142105 C32.5973684,848.686842 34.9552632,848.686842 36.4105263,850.142105 L37.0921053,850.823684 C37.3868421,851.118421 37.3868421,851.578947 37.0921053,851.873684 C36.7973684,852.168421 36.3368421,852.168421 36.0421053,851.873684 L35.3605263,851.192105 C34.4947368,850.326316 33.0763158,850.326316 32.1921053,851.192105 C31.3078947,852.076316 31.3078947,853.494737 32.1921053,854.378947 L34.3105263,856.478947 C34.7342105,856.902632 35.2868421,857.142105 35.8947368,857.142105 C36.4842105,857.142105 37.0552632,856.902632 37.4789474,856.478947 L38.2526316,855.705263 C38.5473684,855.410526 39.0078947,855.410526 39.3026316,855.705263 C39.5973684,856 39.5973684,856.460526 39.3026316,856.755263 L38.5289474,857.528947 C37.8289474,858.228947 36.8894737,858.615789 35.8947368,858.615789 C34.9,858.615789 33.9605263,858.228947 33.2605263,857.528947 Z M34.6973684,854.526316 L35.4710526,853.734211 C36.1710526,853.034211 37.1105263,852.647368 38.1052632,852.647368 C39.1,852.647368 40.0394737,853.034211 40.7394737,853.734211 L42.8394737,855.889474 C44.2947368,857.344737 44.2947368,859.702632 42.8394737,861.157895 C42.1026316,861.876316 41.1631579,862.244737 40.2052632,862.244737 C39.2473684,862.244737 38.2894737,861.876316 37.5710526,861.157895 L36.8894737,860.476316 C36.5947368,860.181579 36.5947368,859.721053 36.8894737,859.426316 C37.1842105,859.131579 37.6447368,859.131579 37.9394737,859.426316 L38.6210526,860.107895 C39.5052632,860.992105 40.9236842,860.992105 41.8078947,860.107895 C42.6921053,859.223684 42.6921053,857.805263 41.8078947,856.921053 L39.6894737,854.802632 C39.2657895,854.378947 38.6947368,854.139474 38.1052632,854.139474 C37.5157895,854.139474 36.9447368,854.378947 36.5210526,854.802632 L35.7473684,855.576316 C35.4526316,855.871053 34.9921053,855.871053 34.6973684,855.576316 C34.4026316,855.281579 34.4026316,854.821053 34.6973684,854.526316 Z" id="url"></path>
-        </g>
-    </g>
-</svg>
diff --git a/index.mdx b/index.mdx
index 7ed83bb..4ae1d62 100644
--- a/index.mdx
+++ b/index.mdx
@@ -14,7 +14,7 @@ hero:
   #     icon: right-arrow
 ---
 
-import { Card, CardGrid } from '@astrojs/starlight/components'
+import { Card, CardGrid } from "@astrojs/starlight/components";
 
 <CardGrid>
   <Card title="Documentation" icon="open-book">
diff --git a/integrations/aws-s3.mdx b/integrations/aws-s3.mdx
index 2f94d6f..e458d35 100644
--- a/integrations/aws-s3.mdx
+++ b/integrations/aws-s3.mdx
@@ -3,7 +3,7 @@ title: AWS S3 Integration
 description: Automatically upload generated PDFs to your own S3 bucket
 ---
 
-import { Aside, LinkCard, CardGrid } from '@astrojs/starlight/components'
+import { Aside, LinkCard, CardGrid } from "@astrojs/starlight/components";
 
 DocSpring's AWS S3 integration automatically copies generated PDFs into an S3 bucket in your own AWS account, giving you full control over your document storage.
 
@@ -114,12 +114,12 @@ For example, here's how you could wait for the PDF to be uploaded to your own S3
 
 ```js
 const pdfHasBeenUploadedToS3Bucket = () => {
-  if (submission['actions'].length === 0) return false
-  const action = submission['actions'].find(
-    (a) => a.action_type === 'aws_s3_upload'
-  )
-  return action && action.state === 'processed'
-}
+  if (submission["actions"].length === 0) return false;
+  const action = submission["actions"].find(
+    (a) => a.action_type === "aws_s3_upload",
+  );
+  return action && action.state === "processed";
+};
 ```
 
 Another thing you could do is set up an [AWS S3 event notification](https://docs.aws.amazon.com/AmazonS3/latest/dev/NotificationHowTo.html). You could send a webhook to your server as soon as the PDF has been uploaded to your S3 bucket. This means that you wouldn't need to do any polling.
diff --git a/integrations/overview.mdx b/integrations/overview.mdx
index ef47fa1..336cdcb 100644
--- a/integrations/overview.mdx
+++ b/integrations/overview.mdx
@@ -3,7 +3,7 @@ title: Integrations Overview
 description: Configure integrations for your DocSpring account
 ---
 
-import { LinkCard, Aside } from '@astrojs/starlight/components'
+import { LinkCard, Aside } from "@astrojs/starlight/components";
 
 Configure integrations for your DocSpring account.
 
diff --git a/introduction.mdx b/introduction.mdx
index 8dd6978..697bbc1 100644
--- a/introduction.mdx
+++ b/introduction.mdx
@@ -3,7 +3,7 @@ title: DocSpring Documentation
 description: DocSpring is a service that makes it easy to fill out and generate PDF documents.
 ---
 
-import { Card, CardGrid, LinkCard } from '@astrojs/starlight/components'
+import { Card, CardGrid, LinkCard } from "@astrojs/starlight/components";
 
 DocSpring is a service that makes it easy to fill out and generate PDF documents.
 
diff --git a/push-all.sh b/push-all.sh
new file mode 100755
index 0000000..c33045f
--- /dev/null
+++ b/push-all.sh
@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+git push internal main
+git push public main
diff --git a/reference/field-data-types.mdx b/reference/field-data-types.mdx
index 836d3c0..2983381 100644
--- a/reference/field-data-types.mdx
+++ b/reference/field-data-types.mdx
@@ -5,80 +5,33 @@ sidebar:
   order: 0
 ---
 
-import { Aside, Badge } from '@astrojs/starlight/components'
-
-<style>{`
-  .sl-markdown-content h3 {
-    font-size: 1.3rem;
-  }
-
-  /* Shared styles for all data type headings */
-  .sl-markdown-content h2[id]:before {
-    content: '';
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    margin-bottom: 5px;
-    margin-right: 18px;
-    margin-left: -50px;
-    vertical-align: middle;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-
-  /* Specific icons for each data type */
-  .sl-markdown-content h2#string:before {
-    background-image: url('/docs/images/types/string.svg');
-  }
-  .sl-markdown-content h2#number:before {
-    background-image: url('/docs/images/types/number.svg');
-  }
-  .sl-markdown-content h2#boolean:before {
-    background-image: url('/docs/images/types/boolean.svg');
-  }
-  .sl-markdown-content h2#date:before {
-    background-image: url('/docs/images/types/date.svg');
-  }
-  .sl-markdown-content h2#address:before {
-    background-image: url('/docs/images/types/address.svg');
-  }
-  .sl-markdown-content h2#country:before {
-    background-image: url('/docs/images/types/country.svg');
-  }
-  .sl-markdown-content h2#email:before {
-    background-image: url('/docs/images/types/email.svg');
-  }
-  .sl-markdown-content h2#url:before {
-    background-image: url('/docs/images/types/url.svg');
-  }
-  .sl-markdown-content h2#image:before {
-    background-image: url('/docs/images/types/image.svg');
-  }
-  .sl-markdown-content h2#signature:before {
-    background-image: url('/docs/images/types/signature.svg');
-  }
-  .sl-markdown-content h2#barcode:before {
-    background-image: url('/docs/images/types/barcode.svg');
-  }
-  .sl-markdown-content h2#combined:before {
-    background-image: url('/docs/images/types/combined.svg');
-  }
-`}</style>
+import { Aside, Badge } from "@astrojs/starlight/components";
+import { Image } from "astro:assets";
+import fieldOptionsImg from "@images/template_editor/field-options.png";
+import conditionsImg from "@images/template_editor/conditions.png";
+import numberOptionsImg from "@images/template_editor/number-options.png";
+import formulasImg from "@images/template_editor/formulas.png";
+import numberConditionRangeImg from "@images/template_editor/number-condition-range.png";
+import booleanTextImg from "@images/template_editor/boolean-text.png";
+import dateOptionsImg from "@images/template_editor/date-options.png";
+import dayMonthYearImg from "@images/template_editor/day-month-year.png";
+import signatureFieldVisualImg from "@images/template_editor/signature-field-visual.png";
+import initialsFieldVisualImg from "@images/template_editor/initials-field-visual.png";
+import combinedFieldsImg from "@images/template_editor/combined-fields.png";
 
 export const DisplayTypes = ({ types }) => (
   <div className="display-types">
     {types.map((type) => (
       <a
         key={type}
-        href={`/docs/reference/field-display-types/#${type.toLowerCase().replace(' ', '-')}`}
+        href={`/docs/reference/field-display-types/#${type.toLowerCase().replace(" ", "-")}`}
         className="display-type-badge"
       >
         {type}
       </a>
     ))}
   </div>
-)
+);
 
 **"Data Types" are the type of data that you send in your API request.**
 
@@ -92,25 +45,17 @@ Or if you set the display type to "Text", the field could display the text "true
 
 If you add some Field Options, then the value must be one of those options. A select list will be displayed on online forms.
 
-<img
-  src="/docs/images/template_editor/field-options.png"
-  alt="Field Options"
-  style={{ width: '250px' }}
-/>
+<Image src={fieldOptionsImg} alt="Field Options" width={250} />
 
 ### Conditions
 
 When a _String_ field is displayed as a _Check_ or _Shape_, you can define a Condition. The field will only be displayed when the value matches the condition. The condition predicate can be one of: _Equals_, _Contains_, _Starts With_, _Ends With_, or _Regex_.
 
-<img
-  src="/docs/images/template_editor/conditions.png"
-  alt="Conditions"
-  style={{ width: '250px' }}
-/>
+<Image src={conditionsImg} alt="Conditions" width={250} />
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'Check', 'Shape', 'QR Code', 'Barcode']} />
+<DisplayTypes types={["Text", "Check", "Shape", "QR Code", "Barcode"]} />
 
 ## Number
 
@@ -125,36 +70,28 @@ You can define a Minimum and Maximum value. You can check the "Exclusive" checkb
 
 In the following example, the value must be an integer. The value must be greater than `0`, and less than or equal to `1000`.
 
-<img
-  src="/docs/images/template_editor/number-options.png"
-  alt="Number Options"
-  style={{ width: '250px' }}
-/>
+<Image src={numberOptionsImg} alt="Number Options" width={250} />
 
 ### Formulas
 
 A _Number_ field can be a formula that performs a calculation. Formulas can reference other _Number_ fields.
 View the [Formula documentation](/docs/template-editor/formulas/) for more information about formula syntax, operators, and functions.
 
-<img
-  src="/docs/images/template_editor/formulas.png"
-  alt="Formulas"
-  style={{ width: '250px' }}
-/>
+<Image src={formulasImg} alt="Formula editor" width={250} />
 
 ### Conditions
 
 When a _Number_ field is displayed as a _Check_ or _Shape_, you can define a Condition. The field will only be displayed when the value matches the condition. The condition predicate can be one of: _Equals_, _Greater or Equal_, _Greater_, _Less or Equal_, _Less_, or _In Range_.
 
-<img
-  src="/docs/images/template_editor/number-condition-range.png"
-  alt="Number Conditions"
-  style={{ width: '250px' }}
+<Image
+  src={numberConditionRangeImg}
+  alt="Number condition range options"
+  width={250}
 />
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'Check', 'Shape']} />
+<DisplayTypes types={["Text", "Check", "Shape"]} />
 
 ## Boolean
 
@@ -164,11 +101,7 @@ A _Boolean_ value must be either `true` or `false`.
 
 When a _Boolean_ field is displayed as _Text_, the text will be either "Yes" or "No". These strings can be configured for each field. You can also set default values in the template settings.
 
-<img
-  src="/docs/images/template_editor/boolean-text.png"
-  alt="Boolean Text"
-  style={{ width: '250px' }}
-/>
+<Image src={booleanTextImg} alt="Boolean text settings" width={250} />
 
 ### Check or Shape
 
@@ -176,7 +109,7 @@ When a _Boolean_ field is displayed as a _Check_ or _Shape_, the field will only
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'Check', 'Shape']} />
+<DisplayTypes types={["Text", "Check", "Shape"]} />
 
 ## Date
 
@@ -186,11 +119,7 @@ When _Include Time_ is checked, the value must be a timestamp formatted as: `YYY
 
 A _Date_ field can be formatted using a format string. DocSpring supports the [`strftime` format directives from the Ruby programming language](https://apidock.com/ruby/DateTime/strftime).
 
-<img
-  src="/docs/images/template_editor/date-options.png"
-  alt="Date Options"
-  style={{ width: '250px' }}
-/>
+<Image src={dateOptionsImg} alt="Date field options" width={250} />
 
 ### Example
 
@@ -200,15 +129,11 @@ Some forms may have separate fields for month, day, and year. You could configur
 - `%-d` for day
 - `%Y` for year
 
-<img
-  src="/docs/images/template_editor/day-month-year.png"
-  alt="Date Formats"
-  style={{ width: '400px' }}
-/>
+<Image src={dayMonthYearImg} alt="Separate date fields" width={400} />
 
 ### Display Types
 
-<DisplayTypes types={['Text']} />
+<DisplayTypes types={["Text"]} />
 
 ## Address
 
@@ -224,7 +149,7 @@ part (e.g. street, city, state, zip, country.)
 
 ### Display Types
 
-<DisplayTypes types={['Text']} />
+<DisplayTypes types={["Text"]} />
 
 ## Country
 
@@ -233,7 +158,7 @@ Otherwise, it is just a _String_ field that can accept any value.
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'Check', 'Shape']} />
+<DisplayTypes types={["Text", "Check", "Shape"]} />
 
 ## Email
 
@@ -241,7 +166,7 @@ An _Email_ value must be a valid email address.
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'QR Code', 'Barcode']} />
+<DisplayTypes types={["Text", "QR Code", "Barcode"]} />
 
 ## URL
 
@@ -249,7 +174,7 @@ A _URL_ value must be a valid URL.
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'QR Code', 'Barcode']} />
+<DisplayTypes types={["Text", "QR Code", "Barcode"]} />
 
 ## Image
 
@@ -277,58 +202,47 @@ See the [Image Display Type](/docs/reference/field-display-types/#image) section
 
 ### Display Types
 
-<DisplayTypes types={['Image']} />
+<DisplayTypes types={["Image"]} />
 
 ## Signature
 
-A _Signature_ field adds a signature pad to the online form:
+A _Signature_ field allows you to collect legally binding e-signatures using our data requests feature.
 
-<img
-  src="/docs/images/template_editor/signature_field.jpg"
-  alt="Signature Field"
-  style={{ width: '500px' }}
-/>
+<Image src={signatureFieldVisualImg} alt="Signature field modal" width={500} />
 
-The online form will submit the signature as a Base64 encoded image.
+You can also ask the user to type their full name and select a typeface from one of the following options:
 
-When you are generating a PDF via an API request, the _Signature_ type is a subset of the [Image](#image) type: You can submit a Base64 encoded image (`base64`), or a URL where the image can be downloaded (`url`).
+- [Dancing Script](https://fonts.google.com/specimen/Dancing%20Script)
+- [Satisfy](https://fonts.google.com/specimen/Satisfy)
+- [Cookie](https://fonts.google.com/specimen/Cookie)
+- [Great Vibes](https://fonts.google.com/specimen/Great%20Vibes)
+- [Caveat](https://fonts.google.com/specimen/Caveat)
+- [Sunshiney](https://fonts.google.com/specimen/Sunshiney)
+- [Sedgwick Ave](https://fonts.google.com/specimen/Sedgwick%20Ave)
+- [Sacramento](https://fonts.google.com/specimen/Sacramento)
+- [Lovtony Script](https://www.dafont.com/lovtony.font)
 
 <Aside>
-  When requesting signatures from your users, we recommend using the
-  [signature_pad](https://github.com/szimek/signature_pad) library. You can
-  generate a PNG image with `signaturePad.toDataURL()`
+  [Let us know](https://docspring.com/contact) if you want us to add a new font.
 </Aside>
 
-You can also ask the user to type their full name. Then submit a `text` object with the user's name and their choice of typeface:
+### Display Types
 
-```json
-"signature": {
-  "text": {
-    "name": "John Smith",
-    "typeface": "Dancing Script"
-  },
-}
-```
+<DisplayTypes types={["Image"]} />
 
-- `name` must be the user's full name.
-- `typeface` must be one of the following fonts:
-  - [Dancing Script](https://fonts.google.com/specimen/Dancing%20Script)
-  - [Satisfy](https://fonts.google.com/specimen/Satisfy)
-  - [Cookie](https://fonts.google.com/specimen/Cookie)
-  - [Great Vibes](https://fonts.google.com/specimen/Great%20Vibes)
-  - [Caveat](https://fonts.google.com/specimen/Caveat)
-  - [Sunshiney](https://fonts.google.com/specimen/Sunshiney)
-  - [Sedgwick Ave](https://fonts.google.com/specimen/Sedgwick%20Ave)
-  - [Sacramento](https://fonts.google.com/specimen/Sacramento)
-  - [Lovtony Script](https://www.dafont.com/lovtony.font)
+_(used internally)_
 
-<Aside>
-  [Let us know](https://docspring.com/contact) if you want us to add a new font.
-</Aside>
+## Initials
+
+An _Initials_ field adds an initials pad to the online form, similar to the signature field:
+
+<Image src={initialsFieldVisualImg} alt="Initials field modal" width={320} />
+
+The initials field input aspect ratio is 2:3 (closer to a square than a rectangle.)
 
 ### Display Types
 
-<DisplayTypes types={['Image']} />
+<DisplayTypes types={["Image"]} />
 
 _(used internally)_
 
@@ -371,7 +285,7 @@ DocSpring supports the following symbologies:
 
 ### Display Types
 
-<DisplayTypes types={['Text', 'Barcode']} />
+<DisplayTypes types={["Text", "Barcode"]} />
 
 ## Combined
 
@@ -379,14 +293,10 @@ _Combined_ fields allow you to combine multiple field values into a single strin
 
 For example, you could combine `first_name` and `last_name` fields into a single `full_name` field:
 
-<img
-  src="/docs/images/template_editor/combined-fields.png"
-  alt="Combined Field Names"
-  style={{ width: '250px' }}
-/>
+<Image src={combinedFieldsImg} alt="Combined field example" width={250} />
 
 The _Separator_ value can be any string (including an empty string.)
 
 ### Display Types
 
-<DisplayTypes types={['Text']} />
+<DisplayTypes types={["Text"]} />
diff --git a/reference/field-defaults.mdx b/reference/field-defaults.mdx
index 1a37ab4..4f48eb3 100644
--- a/reference/field-defaults.mdx
+++ b/reference/field-defaults.mdx
@@ -5,8 +5,8 @@ sidebar:
   order: 3
 ---
 
-import { Code, LinkCard } from '@astrojs/starlight/components'
-import fieldDefaults from '@client_shared/field_defaults.json'
+import { Code, LinkCard } from "@astrojs/starlight/components";
+import fieldDefaults from "@client_shared/field_defaults.json";
 
 You can manually add a new field to a template by sending an Add Field API request.
 You can also modify existing fields or add many new fields at once with an Update Template request.
diff --git a/reference/field-display-types.mdx b/reference/field-display-types.mdx
index 8542eb1..08c2ff8 100644
--- a/reference/field-display-types.mdx
+++ b/reference/field-display-types.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 <style>{`
   .sl-markdown-content h3 {
diff --git a/reference/field-schema.mdx b/reference/field-schema.mdx
index c4b9c87..399ab78 100644
--- a/reference/field-schema.mdx
+++ b/reference/field-schema.mdx
@@ -5,8 +5,8 @@ sidebar:
   order: 3
 ---
 
-import { Code, LinkCard } from '@astrojs/starlight/components'
-import openapi from '@root/openapi/v1/openapi.json'
+import { Code, LinkCard } from "@astrojs/starlight/components";
+import openapi from "@root/openapi/v1/openapi.json";
 
 This page shows the complete JSON schema for template fields, including all possible properties and their types.
 
@@ -30,8 +30,8 @@ All other properties are optional and will use the [default values](/docs/refere
 The following schema is extracted from the DocSpring OpenAPI specification. It shows all available field properties, their types, and validation rules.
 
 export const fieldSchema = openapi.paths[
-  '/templates/{template_id}/add_fields'
-].put.parameters.find((p) => p.name === 'data').schema.properties.fields.items
+  "/templates/{template_id}/add_fields"
+].put.parameters.find((p) => p.name === "data").schema.properties.fields.items;
 
 <Code
   code={JSON.stringify(fieldSchema, null, 2)}
diff --git a/template-editor/field-names.mdx b/template-editor/field-names.mdx
index bd9a990..1008559 100644
--- a/template-editor/field-names.mdx
+++ b/template-editor/field-names.mdx
@@ -5,7 +5,12 @@ sidebar:
   order: 3
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Image } from "astro:assets";
+import multilineNameExampleImg from "@images/template_editor/multiline-name-example.jpg";
+import multilineCheckboxImg from "@images/template_editor/multiline-checkbox.png";
+import dayMonthYearImg from "@images/template_editor/day-month-year.png";
+
+import { Aside } from "@astrojs/starlight/components";
 
 DocSpring uses the [JSON Pointer](https://tools.ietf.org/html/rfc6901) syntax for field names.
 This means that you can describe the shape of your API by using a forward slash (`/`)
@@ -25,28 +30,20 @@ To control line spacing and indentation, you can create multiple fields with the
 
 In the following example, `extension_reason` is a single field in the API request, but the text will automatically wrap across lines 0 to 5.
 
-<img
-  src="/docs/images/template_editor/multiline-name-example.jpg"
-  alt="Multiline Field Names"
-  style={{ width: '700px' }}
-/>
+<Image src={multilineNameExampleImg} alt="Multiline field names" width={700} />
 
 <Aside>
   Note: You can also create a simple multiline field by adjusting your field
   height to fit multiple lines, and checking `Multiline` in the field options:
 </Aside>
 
-![Multiline Checkbox](/docs/images/template_editor/multiline-checkbox.png)
+<Image src={multilineCheckboxImg} alt="Multiline checkbox option" width={250} />
 
 ## Duplicate Names
 
 You can use the same field name more than once. For example, some forms have separate fields for month, day, and year. You can configure three fields that all share the name `date`, but use different format strings for each field: `%-m` for month, `%-d` for day, and `%Y` for year.
 
-<img
-  src="/docs/images/template_editor/day-month-year.png"
-  alt="Day/Month/Year example"
-  style={{ width: '500px' }}
-/>
+<Image src={dayMonthYearImg} alt="Day, month, year fields" width={500} />
 
 Now you can send a single `date` value in your API request, and we will show a date picker on the online form.
 
diff --git a/template-editor/formulas.mdx b/template-editor/formulas.mdx
index a787e28..54bb411 100644
--- a/template-editor/formulas.mdx
+++ b/template-editor/formulas.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 A [_Number_](/docs/reference/field-data-types/#number) field can be a formula that performs a calculation. Formulas can reference other _Number_ fields. Formulas are configured in the _default_ or _static_ value for a _Number_ field.
 
diff --git a/template-editor/introduction.mdx b/template-editor/introduction.mdx
index a1592eb..4408da8 100644
--- a/template-editor/introduction.mdx
+++ b/template-editor/introduction.mdx
@@ -6,13 +6,19 @@ sidebar:
   label: Introduction
 ---
 
+import { Image } from "astro:assets";
+import templateEditorImg from "@images/template_editor.jpg";
+import addFieldGif from "@images/template_editor/getting_started/add_field.gif";
+import newFieldTypeImg from "@images/template_editor/getting_started/new_field_type.png";
+import deleteFieldGif from "@images/template_editor/getting_started/delete_field.gif";
+
 The template editor is where you upload your PDF templates and configure form fields. This powerful tool allows you to transform static PDFs into dynamic, data-filled documents.
 
 If you need any help getting started, please [contact us](https://docspring.com/contact).
 
 ## Template Editor Overview
 
-![Template Editor](/docs/images/template_editor.jpg)
+<Image src={templateEditorImg} alt="Template Editor" />
 
 ## Getting Started
 
@@ -20,19 +26,11 @@ If you need any help getting started, please [contact us](https://docspring.com/
 
 Add a new field by clicking and dragging on the template:
 
-<img
-  src="/docs/images/template_editor/getting_started/add_field.gif"
-  alt="Add Field"
-  style={{ width: '250px' }}
-/>
+<Image src={addFieldGif} alt="Adding a field" width={250} />
 
 You can change the type of new fields by clicking one of the options in the header:
 
-<img
-  src="/docs/images/template_editor/getting_started/new_field_type.png"
-  alt="New Field Type"
-  style={{ width: '250px' }}
-/>
+<Image src={newFieldTypeImg} alt="Choosing a new field type" width={250} />
 
 You can also change the type of new fields by using their [keyboard shortcuts](/docs/template-editor/keyboard-shortcuts/#change-new-field-type).
 
@@ -42,17 +40,13 @@ To delete a field, you can press `Backspace` or `Delete` while the field is sele
 
 You can also hover over the field in the sidebar, and click the Trash icon:
 
-<img
-  src="/docs/images/template_editor/getting_started/delete_field.gif"
-  alt="Delete Field"
-  style={{ width: '250px' }}
-/>
+<Image src={deleteFieldGif} alt="Deleting a field" width={250} />
 
 ## Next Steps
 
 Once you're comfortable with the basics, explore these topics:
 
-import { LinkCard, CardGrid } from '@astrojs/starlight/components'
+import { LinkCard, CardGrid } from "@astrojs/starlight/components";
 
 <CardGrid>
   <LinkCard
diff --git a/template-editor/keyboard-shortcuts.mdx b/template-editor/keyboard-shortcuts.mdx
index ca34db4..c19ffaf 100644
--- a/template-editor/keyboard-shortcuts.mdx
+++ b/template-editor/keyboard-shortcuts.mdx
@@ -6,7 +6,7 @@ sidebar:
   label: Keyboard Shortcuts
 ---
 
-import { Kbd, KbdPicker } from 'starlight-kbd/components'
+import { Kbd, KbdPicker } from "starlight-kbd/components";
 
 <strong style="margin-right: 1rem;">Operating System:</strong> <KbdPicker />
 
diff --git a/template-editor/locked-templates.mdx b/template-editor/locked-templates.mdx
index 2583af3..57741d5 100644
--- a/template-editor/locked-templates.mdx
+++ b/template-editor/locked-templates.mdx
@@ -5,10 +5,10 @@ sidebar:
   order: 7
 ---
 
-import { Image } from 'astro:assets'
-import lockTemplateOption from '@images/template_editor/lock_template_option.png'
-import unlockTemplateOption from '@images/template_editor/unlock_template_option.png'
-import lockedTemplate from '@images/template_editor/locked_template.png'
+import { Image } from "astro:assets";
+import lockTemplateOption from "@images/template_editor/lock_template_option.png";
+import unlockTemplateOption from "@images/template_editor/unlock_template_option.png";
+import lockedTemplate from "@images/template_editor/locked_template.png";
 
 You can lock a template to prevent any updates. A locked template cannot be changed through the template editor or via any API endpoints.
 However, you can still use a locked template to generate PDFs.
diff --git a/template-editor/radio-buttons.mdx b/template-editor/radio-buttons.mdx
index 75a77fc..51d4efa 100644
--- a/template-editor/radio-buttons.mdx
+++ b/template-editor/radio-buttons.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 5
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 Many forms have a list of checkboxes where only one checkbox should be checked. You can use DocSpring's powerful formatting logic to set up a radio button group. You can do this by setting up multiple String fields with the same name that are displayed as checkboxes, and by setting up an "Equals" condition so that checkboxes are displayed based on the field value.
 
diff --git a/template-editor/settings.mdx b/template-editor/settings.mdx
index 02709bf..c5cbeed 100644
--- a/template-editor/settings.mdx
+++ b/template-editor/settings.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 1
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 You can click the "Settings" button in the header to configure your template settings.
 
@@ -43,8 +43,7 @@ This is useful when you have added a [@@data_url QR code to the PDF](/docs/templ
 
 If you configure a Webhook URL, we'll send a POST request whenever a PDF is processed. We also send webhooks when a submission contains invalid data, or if there is a error while processing the submission.
 
-Webhooks are sent for both live and test PDFs. Make sure you ignore test PDFs in production —
-`data['submission']['test']` will be `true` for test PDFs.
+Webhooks are sent for both live and test PDFs. Make sure you ignore test PDFs in production: `data['submission']['test']` will be `true` for test PDFs.
 
 <Aside type="note">
   You can also set a "Default Webhook URL" for every [API
@@ -92,9 +91,7 @@ If the webhook fails, we will retry it 25 times over approximately 21 days.
 ## Slack Webhook URL
 
 [Configure an Incoming WebHook in Slack](https://my.slack.com/services/new/incoming-webhook/),
-and paste the URL into this field. We'll send a message whenever a PDF is generated:
-
-![Slack Message](@images/template_editor/slack-message.png)
+and paste the URL into this field. We'll send a message whenever a PDF is generated.
 
 ## Redirect URL
 
diff --git a/template-editor/versions.mdx b/template-editor/versions.mdx
index b3cb964..ca0581b 100644
--- a/template-editor/versions.mdx
+++ b/template-editor/versions.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Aside } from '@astrojs/starlight/components'
+import { Aside } from "@astrojs/starlight/components";
 
 DocSpring supports template versioning to help you manage changes to your templates safely. Every template has a draft version for making changes, and you can publish these changes as numbered versions (e.g., `1.2.3`) that won't affect your existing API integrations.