create-dig-app 0.1.1

package/templates/vite-react/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.0.0",
+  "private": true,
+  "description": "__DISPLAY_NAME__ — a React app on the DIG Network, built with Vite.",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "vite": "^5.4.11"
+  }
+}

package/templates/vite-react/src/App.jsx

@@ -0,0 +1,18 @@
+export default function App() {
+  return (
+    <main className="wrap">
+      <h1>__DISPLAY_NAME__</h1>
+      <p>
+        A React app on the <strong>DIG Network</strong> — served from a network no host can read,
+        change, or take down.
+      </p>
+      <p className="muted">
+        Build and preview for <strong>free</strong>. You only spend $DIG when you publish.
+      </p>
+      <pre>
+        <code>{`digstore dev      # preview, free
+digstore deploy   # publish a capsule ($DIG)`}</code>
+      </pre>
+    </main>
+  );
+}

package/templates/vite-react/src/main.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.jsx";
+import "./styles.css";
+
+createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates/vite-react/src/styles.css

@@ -0,0 +1,49 @@
+:root {
+  color-scheme: light dark;
+  --fg: #0f172a;
+  --muted: #64748b;
+  --bg: #f8fafc;
+  --error: #dc2626;
+
+  /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
+  --dig-violet: #5800D6;
+  --dig-magenta: #FF00DE;
+  --accent: var(--dig-violet);
+  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+
+  /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
+     capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
+  --dig-font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
+  --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+@media (prefers-color-scheme: dark) {
+  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+}
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  font: 16px/1.6 var(--dig-font);
+  color: var(--fg);
+  background: var(--bg);
+}
+.wrap { max-width: 40rem; padding: 2rem; }
+h1 {
+  font-size: 2.25rem;
+  margin: 0 0 0.5rem;
+  font-weight: 700;
+  background: var(--grad-brand);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.muted { color: var(--muted); }
+pre {
+  font-family: var(--dig-mono);
+  background: rgba(127, 127, 127, 0.12);
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+}

package/templates/vite-react/vite.config.js

@@ -0,0 +1,9 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// Relative base so the built site works from any path on a *.on.dig.net subdomain (and chia://).
+export default defineConfig({
+  base: "./",
+  plugins: [react()],
+  build: { outDir: "dist" },
+});

package/templates-ts/dapp-window-chia/README.md

@@ -0,0 +1,67 @@
+# __DISPLAY_NAME__
+
+A wallet-wired dapp for the **DIG Network**, in **TypeScript** — connects the injected Chia wallet
+(`window.chia`) via `@dignetwork/dig-sdk`'s `ChiaProvider`, with a WalletConnect → Sage fallback.
+The SDK ships its own types, so `ChiaProvider`/`ConnectOptions` are fully typed (no `@types/*`
+package needed for the SDK).
+
+Scaffolded with `npm create dig-app` (template: `dapp-window-chia`, language: TypeScript).
+
+## Free until publish
+
+Scaffolding, building, previewing, and connecting a wallet cost **nothing**. There is **no mint, no
+chain, and no spend** when you create or run this project — you only spend **$DIG** the
+moment you publish a capsule with `digstore deploy`. *Iterate for free, publish when it's ready.*
+
+## How the wallet is wired
+
+`src/wallet.ts` calls `ChiaProvider.connect({ mode: "auto" })`, which **prefers the injected DIG
+Browser wallet** (`window.chia`) and **falls back to WalletConnect → Sage**. In `digstore dev` an
+injected dev-shim `window.chia` is present, so the connect/read path runs locally — but the shim
+never fakes a signature; open the dapp in the **DIG Browser** (or connect a real wallet) to sign for
+real. See <https://github.com/DIG-Network/dig-sdk> for the full API.
+
+## Connect to Sage in a normal browser (WalletConnect)
+
+Outside the DIG Browser there is no injected `window.chia`, so the dapp connects to **Sage** (the
+main Chia wallet) over **WalletConnect**. This needs a free **project id**:
+
+1. Get one at **<https://cloud.reown.com>** (Reown, formerly WalletConnect Cloud).
+2. Copy `.env.example` to `.env` and set it:
+
+   ```sh
+   cp .env.example .env
+   # .env
+   VITE_WALLETCONNECT_PROJECT_ID=your_project_id_here
+   ```
+
+`@walletconnect/sign-client` is already a dependency, so once `VITE_WALLETCONNECT_PROJECT_ID` is set,
+**Connect wallet** shows a pairing link/QR to approve in Sage and then displays your connected
+address. Leave it blank to support only the injected DIG Browser wallet. (Never commit `.env` — only
+the placeholder `.env.example` is tracked. The env is typed in `src/vite-env.d.ts`.)
+
+## Develop
+
+```sh
+npm install
+npm run dev            # Vite dev server at http://localhost:5173
+npm run typecheck      # tsc --noEmit (type-check without building)
+npm run build          # tsc --noEmit && vite build -> dist/ (your content root)
+digstore dev           # preview on the real chia:// read path + dev wallet shim — FREE, no spend
+```
+
+## Publish (this is the only step that spends $DIG)
+
+```sh
+digstore deploy        # build + publish a capsule ($DIG + a small XCH fee)
+```
+
+## Deploy from CI
+
+Wire up push-to-deploy with the GitHub Action:
+<https://docs.dig.net/docs/digstore/cli/deploy-from-github-actions>.
+
+## Config
+
+`dig.toml` is the project manifest digstore reads (output dir, build command, default remote).
+`tsconfig.json` configures TypeScript (strict mode, `bundler` resolution for Vite).

package/templates-ts/dapp-window-chia/_env.example

@@ -0,0 +1,7 @@
+# WalletConnect Cloud / Reown project id — enables the WalletConnect → Sage fallback so this dapp
+# connects to Sage (the main Chia wallet) in a normal browser, not just the DIG Browser.
+#
+# Get a free project id at https://cloud.reown.com (formerly WalletConnect Cloud). Copy this file to
+# `.env` (or `.env.local`) and paste your id. Leave it blank to support ONLY the injected DIG Browser
+# wallet (window.chia) — the app still builds and runs; the WC fallback is just disabled.
+VITE_WALLETCONNECT_PROJECT_ID=

package/templates-ts/dapp-window-chia/_gitignore

@@ -0,0 +1,10 @@
+node_modules/
+dist/
+.dig/
+.DS_Store
+*.log
+
+# Local env (e.g. your WalletConnect projectId) — never commit secrets; .env.example is committed.
+.env
+.env.local
+.env.*.local

package/templates-ts/dapp-window-chia/dig.toml

@@ -0,0 +1,17 @@
+# dig.toml — the project manifest digstore (and the DIG SDK adapters) read.
+# Keys are kebab-case (snake_case also accepted). See:
+#   https://docs.dig.net/docs/digstore/cli/deploy-from-github-actions
+#
+# Everything here is LOCAL config. Scaffolding, building, and `digstore dev` cost nothing —
+# you only spend $DIG when you run `digstore deploy` to publish a capsule.
+
+# Vite emits the production build to dist/ — the content root digstore publishes.
+output-dir = "__OUTPUT_DIR__"
+
+# The command digstore runs to build before publishing (used by `digstore deploy` / CI).
+build-command = "__BUILD_COMMAND__"
+
+# Default remote a `digstore deploy` pushes to (resolves to your store after your first publish).
+remote = "origin"
+
+# network = "mainnet"

package/templates-ts/dapp-window-chia/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>__DISPLAY_NAME__</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates-ts/dapp-window-chia/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.0.0",
+  "private": true,
+  "description": "__DISPLAY_NAME__ — a wallet-wired dapp on the DIG Network (TypeScript; window.chia via ChiaProvider).",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@dignetwork/dig-sdk": "__SDK_VERSION__",
+    "@walletconnect/sign-client": "^2.11.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-top-level-await": "^1.4.4",
+    "vite-plugin-wasm": "^3.3.0"
+  }
+}

package/templates-ts/dapp-window-chia/src/App.tsx

@@ -0,0 +1,93 @@
+import { useState } from "react";
+import type { ChiaProvider } from "@dignetwork/dig-sdk";
+import { connectWallet } from "./wallet.ts";
+
+export default function App() {
+  const [provider, setProvider] = useState<ChiaProvider | null>(null);
+  const [address, setAddress] = useState<string>("");
+  const [error, setError] = useState<string>("");
+  const [busy, setBusy] = useState<boolean>(false);
+  // The WalletConnect pairing URI (only set during the WC → Sage fallback) — render it as a
+  // copy-link / QR / deep link so the user can approve in Sage.
+  const [wcUri, setWcUri] = useState<string>("");
+
+  async function onConnect() {
+    setError("");
+    setWcUri("");
+    setBusy(true);
+    try {
+      // Injected window.chia when present (DIG Browser / extension); otherwise WalletConnect → Sage.
+      // `onUri` fires only on the WC path, with the pairing URI to show.
+      const p = await connectWallet({ onUri: (uri) => setWcUri(uri) });
+      setProvider(p);
+      setAddress((await p.getAddress()) ?? "");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+      setWcUri(""); // pairing complete (or failed) — drop the URI
+    }
+  }
+
+  async function onSign() {
+    if (!provider) return;
+    setError("");
+    try {
+      // The dev-shim wallet (in `digstore dev`) does NOT sign — open in the DIG Browser or connect a
+      // real wallet to produce a real signature.
+      const { signature } = await provider.signMessage("Login to __DISPLAY_NAME__");
+      alert("Signature: " + (signature ?? "").slice(0, 24) + "…");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+  }
+
+  return (
+    <main className="wrap">
+      <h1>__DISPLAY_NAME__</h1>
+      <p>
+        A wallet-wired dapp on the <strong>DIG Network</strong>. Your wallet is your account — no
+        email, no password.
+      </p>
+      <p className="muted">
+        Connecting and previewing are <strong>free</strong>. There is no mint, no chain, and no spend
+        here — you only spend $DIG when you publish with <code>digstore deploy</code>.
+      </p>
+
+      {address ? (
+        <div className="card">
+          <div className="row">
+            <span className="muted">Connected via</span>
+            <strong>{provider?.backend}</strong>
+          </div>
+          <div className="row">
+            <span className="muted">Address</span>
+            <code>{address}</code>
+          </div>
+          <button onClick={onSign}>Sign a login message</button>
+        </div>
+      ) : (
+        <button onClick={onConnect} disabled={busy}>
+          {busy ? "Connecting…" : "Connect wallet"}
+        </button>
+      )}
+
+      {wcUri && (
+        <div className="card">
+          <p className="muted">
+            Scan or open this in <strong>Sage</strong> to connect (WalletConnect):
+          </p>
+          <code>{wcUri}</code>
+          <button onClick={() => navigator.clipboard?.writeText(wcUri)}>Copy pairing link</button>
+        </div>
+      )}
+
+      {error && <p className="error">{error}</p>}
+
+      <pre>
+        <code>{`digstore dev      # preview + dev wallet shim, free
+digstore deploy   # publish a capsule ($DIG)`}</code>
+      </pre>
+    </main>
+  );
+}

package/templates-ts/dapp-window-chia/src/main.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+import "./styles.css";
+
+const rootEl = document.getElementById("root");
+if (!rootEl) throw new Error("Root element #root not found");
+
+createRoot(rootEl).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates-ts/dapp-window-chia/src/styles.css

@@ -0,0 +1,71 @@
+:root {
+  color-scheme: light dark;
+  --fg: #0f172a;
+  --muted: #64748b;
+  --bg: #f8fafc;
+  --error: #dc2626;
+
+  /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
+  --dig-violet: #5800D6;
+  --dig-magenta: #FF00DE;
+  --accent: var(--dig-violet);
+  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+
+  /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
+     capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
+  --dig-font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
+  --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+@media (prefers-color-scheme: dark) {
+  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+}
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  font: 16px/1.6 var(--dig-font);
+  color: var(--fg);
+  background: var(--bg);
+}
+.wrap { max-width: 42rem; padding: 2rem; }
+h1 {
+  font-size: 2.25rem;
+  margin: 0 0 0.5rem;
+  font-weight: 700;
+  background: var(--grad-brand);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.muted { color: var(--muted); }
+.error { color: var(--error); }
+button {
+  font: inherit;
+  padding: 0.6rem 1.1rem;
+  border: 0;
+  border-radius: 0.5rem;
+  background: var(--grad-brand);
+  color: white;
+  cursor: pointer;
+}
+button:disabled { opacity: 0.6; cursor: default; }
+.card {
+  margin: 1rem 0;
+  padding: 1rem;
+  border-radius: 0.75rem;
+  background: rgba(127, 127, 127, 0.12);
+  display: grid;
+  gap: 0.5rem;
+}
+.row { display: flex; gap: 0.75rem; align-items: baseline; flex-wrap: wrap; }
+code { font-family: var(--dig-mono); word-break: break-all; }
+pre {
+  font-family: var(--dig-mono);
+  margin-top: 1.5rem;
+  background: rgba(127, 127, 127, 0.12);
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+}

package/templates-ts/dapp-window-chia/src/vite-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+// Type the WalletConnect projectId env so `import.meta.env.VITE_WALLETCONNECT_PROJECT_ID`
+// typechecks. Set its value in `.env` / `.env.local` (see .env.example).
+interface ImportMetaEnv {
+  readonly VITE_WALLETCONNECT_PROJECT_ID?: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/templates-ts/dapp-window-chia/src/wallet.ts

@@ -0,0 +1,62 @@
+// Wallet wiring via @dignetwork/dig-sdk (typed).
+//
+// ChiaProvider gives this dapp a Chia wallet for free: it PREFERS the injected DIG Browser wallet
+// (window.chia) and falls back to WalletConnect → Sage (the main Chia wallet) so the dapp connects
+// in a normal browser too. In `digstore dev` an injected dev-shim window.chia is present, so the
+// connect/read path runs end-to-end locally (read methods only — the shim never fakes a signature).
+// See https://github.com/DIG-Network/dig-sdk for the full API.
+//
+// @dignetwork/dig-sdk ships its own .d.ts types — ChiaProvider, ConnectOptions and
+// WalletConnectOptions (the options the SDK's WalletConnectTransport consumes) are fully typed, so
+// no `@types/*` package is needed for the SDK.
+
+import {
+  ChiaProvider,
+  type ConnectOptions,
+  type WalletConnectOptions,
+} from "@dignetwork/dig-sdk";
+
+// WalletConnect Cloud / Reown project id, read from the build-time env (see .env.example) and typed
+// via src/vite-env.d.ts. When set, it enables the WalletConnect → Sage fallback for browsers without
+// the injected DIG wallet. Get a free project id at https://cloud.reown.com (formerly WalletConnect
+// Cloud).
+const WALLETCONNECT_PROJECT_ID = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID ?? "";
+
+/** Hooks for the connect flow (e.g. render the WalletConnect pairing URI as a QR / copy-link). */
+export interface ConnectHooks {
+  onUri?: (uri: string) => void;
+}
+
+/**
+ * Connect a wallet. `mode: "auto"` prefers the injected DIG Browser wallet (window.chia) and falls
+ * back to WalletConnect → Sage when a project id is configured. The SDK drives its
+ * `WalletConnectTransport` under the hood (CHIP-0002 over the relay) — we never hand-roll WC.
+ */
+export async function connectWallet(hooks: ConnectHooks = {}): Promise<ChiaProvider> {
+  // The typed WalletConnect options the SDK's WalletConnectTransport consumes (projectId + metadata
+  // + the pairing-URI hook + the Chia chain). Only built when a project id is configured.
+  const walletConnect: WalletConnectOptions | undefined = WALLETCONNECT_PROJECT_ID
+    ? {
+        projectId: WALLETCONNECT_PROJECT_ID,
+        metadata: {
+          name: "__DISPLAY_NAME__",
+          description: "Built with create-dig-app + @dignetwork/dig-sdk",
+          url: typeof window !== "undefined" ? window.location.origin : "https://example.on.dig.net",
+          icons: [],
+        },
+        onUri: hooks.onUri, // render this URI as a QR / copy-link for the Sage fallback
+      }
+    : undefined;
+
+  const options: ConnectOptions = {
+    mode: "auto", // prefer injected window.chia; fall back to WalletConnect → Sage if configured
+    chain: "chia:mainnet", // CAIP-2 chain the SDK expects (Chia mainnet)
+    walletConnect,
+  };
+  return ChiaProvider.connect(options);
+}
+
+/** True when the WalletConnect → Sage fallback is configured (a project id is set). */
+export function isWalletConnectConfigured(): boolean {
+  return Boolean(WALLETCONNECT_PROJECT_ID);
+}

package/templates-ts/dapp-window-chia/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates-ts/dapp-window-chia/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import wasm from "vite-plugin-wasm";
+import topLevelAwait from "vite-plugin-top-level-await";
+
+// The SDK transitively loads the CHIP-0035 spend builder (@dignetwork/dig-sdk →
+// chip35-dl-coin-wasm), a WebAssembly module with top-level await, so we enable the wasm +
+// top-level-await plugins. Relative base so the built dapp works from any path on a
+// *.on.dig.net subdomain (and chia://).
+export default defineConfig({
+  base: "./",
+  plugins: [react(), wasm(), topLevelAwait()],
+  build: { outDir: "dist" },
+});

package/templates-ts/next-static/README.md

@@ -0,0 +1,43 @@
+# __DISPLAY_NAME__
+
+A Next.js + **TypeScript** static-export site for the **DIG Network** — deployed to a network no
+host can read, change, or take down.
+
+Scaffolded with `npm create dig-app` (template: `next-static`, language: TypeScript).
+
+> This template uses `output: 'export'` (`next.config.mjs`). A DIG capsule is a **blind static
+> host** — there is no Next.js server at runtime, so use static-export-compatible features only.
+
+## Free until publish
+
+Scaffolding, building, and previewing cost **nothing**. There is **no mint, no chain, and no spend**
+when you create or run this project — you only spend **$DIG** the moment you publish a
+capsule with `digstore deploy`. *Iterate for free, publish when it's ready.*
+
+## Develop
+
+```sh
+npm install
+npm run dev            # Next dev server at http://localhost:3000
+npm run typecheck      # tsc --noEmit (type-check without building)
+npm run build          # static export -> out/ (your content root; type-checked by Next)
+digstore dev           # preview on the real chia:// read path — FREE, no chain, no spend
+```
+
+## Publish (this is the only step that spends $DIG)
+
+```sh
+digstore deploy        # build + publish a capsule ($DIG + a small XCH fee)
+```
+
+Your site goes live at its `*.on.dig.net` address. Re-run `digstore deploy` to ship an update.
+
+## Deploy from CI
+
+Wire up push-to-deploy with the GitHub Action:
+<https://docs.dig.net/docs/digstore/cli/deploy-from-github-actions>.
+
+## Config
+
+`dig.toml` is the project manifest digstore reads (output dir, build command, default remote).
+`tsconfig.json` configures TypeScript; Next type-checks your code as part of `next build`.

package/templates-ts/next-static/_gitignore

@@ -0,0 +1,7 @@
+node_modules/
+.next/
+out/
+.dig/
+.DS_Store
+*.log
+*.tsbuildinfo

package/templates-ts/next-static/app/globals.css

@@ -0,0 +1,49 @@
+:root {
+  color-scheme: light dark;
+  --fg: #0f172a;
+  --muted: #64748b;
+  --bg: #f8fafc;
+  --error: #dc2626;
+
+  /* DIG brand accent — violet -> magenta (SYSTEM.md visual theme; matches dig.net/hub/status). */
+  --dig-violet: #5800D6;
+  --dig-magenta: #FF00DE;
+  --accent: var(--dig-violet);
+  --grad-brand: linear-gradient(115deg, #5800D6 0%, #FF00DE 100%);
+
+  /* DIG brand fonts — named first, system stack as the offline/no-fetch fallback so a scaffolded
+     capsule never depends on an external font host (keeps the site self-contained + offline-safe). */
+  --dig-font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
+  --dig-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+@media (prefers-color-scheme: dark) {
+  :root { --fg: #e2e8f0; --muted: #94a3b8; --bg: #0b1120; }
+}
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  font: 16px/1.6 var(--dig-font);
+  color: var(--fg);
+  background: var(--bg);
+}
+.wrap { max-width: 40rem; padding: 2rem; }
+h1 {
+  font-size: 2.25rem;
+  margin: 0 0 0.5rem;
+  font-weight: 700;
+  background: var(--grad-brand);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.muted { color: var(--muted); }
+pre {
+  font-family: var(--dig-mono);
+  background: rgba(127, 127, 127, 0.12);
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+}

package/templates-ts/next-static/app/layout.tsx

@@ -0,0 +1,16 @@
+import "./globals.css";
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+export const metadata: Metadata = {
+  title: "__DISPLAY_NAME__",
+  description: "A Next.js static site on the DIG Network.",
+};
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}