@goldencomm/create-baseline 0.0.1 → 0.1.0

package/templates/shopify/templates/404.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+ {
+  "sections": {
+    "main": {
+      "type": "404",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/article.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "article",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/blog.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "blog",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/cart.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "cart",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/collection.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "collection",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/gift_card.liquid

@@ -0,0 +1,73 @@
+{% layout none %}
+
+<!doctype html>
+<html lang="{{ request.locale.iso_code }}">
+  <head>
+    {% # Inlined CSS Variables %}
+    {% render 'css-variables' %}
+
+    {% # Load and preload the critical CSS %}
+    {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
+
+    {% # Social, title, etc. %}
+    {% render 'meta-tags' %}
+
+    {% style %}
+      main {
+        text-align: center;
+      }
+      main img {
+        display: unset;
+      }
+    {% endstyle %}
+
+    {{ content_for_header }}
+  </head>
+
+  <body>
+    <main>
+      <div class="shopify-section">
+        <h1>{{ gift_card.balance | money }}</h1>
+
+        {% if gift_card.enabled == false or gift_card.expired %}
+          <p>{{ 'gift_card.expired' | t }}</p>
+        {% endif %}
+
+        {% if gift_card.expires_on %}
+          {% assign expires_on = gift_card.expires_on | date: '%B %e, %Y' %}
+          <p>
+            {{ 'gift_card.expires_on' | t: expires_on: expires_on }}
+          </p>
+        {% endif %}
+
+        <p>
+          {% if settings.logo %}
+            {{ settings.logo | image_url: width: 300 | image_tag: alt: shop.name }}
+          {% else %}
+            <img
+              src="{{ 'gift-card/card.svg' | shopify_asset_url }}"
+              alt="{{ 'gift_card.card' | t }}"
+              width="300"
+              height="200"
+            >
+          {% endif %}
+        </p>
+
+        <h2>{{ shop.name }}</h2>
+        <p>{{ 'gift_card.use_at_checkout' | t }}</p>
+        <p>{{ gift_card.code | format_code }}</p>
+
+        {% if gift_card.pass_url %}
+          <a href="{{ gift_card.pass_url }}">
+            <img
+              src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}"
+              alt="{{ 'gift_card.add_to_apple_wallet' | t }}"
+              width="200"
+              height="60"
+            >
+          </a>
+        {% endif %}
+      </div>
+    </main>
+  </body>
+</html>

package/templates/shopify/templates/index.json

@@ -0,0 +1,18 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "kitchen_sink": {
+      "type": "baseline-kitchen-sink",
+      "settings": {}
+    }
+  },
+  "order": ["kitchen_sink"]
+}

package/templates/shopify/templates/list-collections.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "collections",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/page.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "page",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/password.json

@@ -0,0 +1,21 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "layout": "password",
+  "sections": {
+    "main": {
+      "type": "password",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/product.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "product",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/shopify/templates/search.json

@@ -0,0 +1,20 @@
+/*
+ * ------------------------------------------------------------
+ * IMPORTANT: The contents of this file are auto-generated.
+ *
+ * This file may be updated by the Shopify admin theme editor
+ * or related systems. Please exercise caution as any changes
+ * made to this file may be overwritten.
+ * ------------------------------------------------------------
+ */
+{
+  "sections": {
+    "main": {
+      "type": "search",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}

package/templates/skills/baseline-client-tokens/SKILL.md

@@ -0,0 +1,74 @@
+---
+name: baseline-client-tokens
+description: Read a client's Baseline theme from Figma (via the Figma MCP) and emit that client project's tokens and icons for its one platform. Use when a developer gives you a client theme Figma URL, asks to "pull the client tokens", "retheme", "sync the brand", or when a scaffolded Baseline project has an empty client.tokens.json.
+---
+
+# Baseline client tokens (runbook, PLAN §4.3 / ADR-0001 / M6)
+
+A client theme in Figma is **core with different values, never new names** (Swap library matches by name). The code
+side mirrors that: `client.tokens.json` holds value overrides keyed by core paths, and `@goldencomm/baseline-tokens`
+rebuilds the platform outputs from core + overrides. Nothing is hand-written into CSS.
+
+## Inputs you need
+1. The client's **Figma library** URL (`<Client> · Design System`, a clone of the Core file per ADR-0021) and the
+   **Brand Sheet** frames on its **Foundations** page (in Core and in every clone made after 2026-09-23: Scheme 1
+   `4133:3296`, Scheme 2 `4133:3393`, Error `4133:3490`, Success `4133:3587`, Warning `4133:3684`, Scales `4133:3781`,
+   Icons `4133:4067`; confirm with `get_metadata` on the page, since an older clone may lack them), which has:
+   `Brand Sheet / Scheme 1 | Scheme 2 | Error | Success | Warning` (every emitted color role, explicit mode set),
+   `Brand Sheet / Scales` (every emitted Primitives + Components variable: radius, text, container, font, button
+   geometry, ring width) and `Brand Sheet / Icons` (the `icons/<set>/*` switches). Get node ids from
+   `get_metadata` on the page; do not guess them.
+2. The project's platform (`next | wordpress | shopify | html`) and its platform root (`--out`): the Next/HTML app
+   folder that imports `tokens.css`, or the WordPress / Shopify theme folder. `baseline.json` in a scaffolded
+   project records both.
+
+## Steps
+1. For each Brand Sheet frame, call `get_variable_defs` (Figma MCP) with the theme file key and the frame's node id.
+   Variables with a code name come back keyed by it (`"--primary": "#…"`, `"--bl-radius-md": "10"`); Figma-only
+   switches come back keyed by name (`"icons/tabler/active": "true"`), and **only true booleans are listed**, which
+   `from-defs` accounts for (an unreported set is off). Save each result to `.baseline/defs-<frame>.json`: one per
+   scheme mode plus `defs-scales.json` and `defs-icons.json`. Rehearsed 2026-09-23: all seven frames fit in one
+   response each (32 colors, 81 scales, 7 switches).
+2. Convert to overrides (idempotent; merges into an existing file):
+   ```bash
+   npx baseline-tokens client from-defs \
+     --core-mode scheme-1=.baseline/defs-scheme-1.json \
+     --core-mode scheme-2=.baseline/defs-scheme-2.json \
+     --core-mode error=.baseline/defs-error.json --core-mode success=.baseline/defs-success.json --core-mode warning=.baseline/defs-warning.json \
+     --core-mode scheme-1=.baseline/defs-scales.json --core-mode scheme-1=.baseline/defs-icons.json \
+     --out client.tokens.json
+   ```
+   Names not in core are listed and ignored: that is a client theme drifting from core, report it to the designer.
+3. Build the platform:
+   ```bash
+   npx baseline-tokens build --platform <platform> --out <platform root> --client client.tokens.json
+   npx baseline-tokens icons --platform <platform> --out <platform root> --client client.tokens.json
+   ```
+   `icons` needs the client's active icon set installed (`npm i -D @iconify-json/<prefix>`); the command names it.
+   **WordPress only accepts filled glyphs** (its 7.1 icon sanitizer strips strokes): a client whose active set is
+   stroke-based (Lucide, Tabler outline/mixed, Phosphor regular) gets a clear refusal from `icons --platform
+   wordpress` until the S2 stroke-to-outline step exists; React, Shopify and HTML are unaffected. Tell the designer.
+   WordPress: rebuild the theme CSS afterwards (`npm run build` in the theme). Next: nothing else, `tokens.css` is
+   imported by `globals.css`.
+4. Review `git diff`, commit with the theme URL in the message, open a PR. Never edit the generated files by hand.
+
+## Verify
+- `get_screenshot` of the Brand Sheet vs the built platform in Scheme 1 and Scheme 2 (`data-scheme="scheme-2"`).
+- Two runs on the same file produce an identical `client.tokens.json` (determinism is part of the contract).
+
+## Client design file (Figma side, ADR-0021)
+A `<Client> · Design` file enables only the client's clone library (`<Client> · Design System`), never Core. Nothing
+to swap or rebind in daily work. On a Core release the design system team re-clones Core, imports the client's
+variable values into the new clone with the plugin, publishes it, and runs Assets > Libraries > old clone >
+**Swap library** > new clone in each design file (components and variables match by name), then republishes Code
+Connect to the new file key from the client repo's CI:
+`npx baseline-tokens code-connect --platform <p> --out <platform root> --figma-file <new clone key> --publish`
+(check locally first with `--parse`). Verify with
+`get_variable_defs` on a frame holding clone instances: `--background`, `--bl-button-md-radius` and `surface/*` must
+show client values.
+
+## Do not
+- Add variables to a client theme that core does not have (extend core through an ADR instead).
+- Hand-edit `client.tokens.json` values to "fix" a color: fix it in the Figma theme and re-run.
+- Touch `Responsive`: it is core-owned (ADR-0019). `Surface` is in every client theme, but only as aliases into the
+  client's own roles (ADR-0015); it is never emitted and never gets literal values.

package/templates/wordpress/.ddev/commands/web/seed

@@ -1,7 +1,262 @@
 #!/bin/bash
-## Description: Install WordPress core, activate the Baseline theme + plugins, and seed starter content (idempotent).
+## Description: Install WordPress, activate plugins and the Baseline theme, and rebuild the home page as a kitchen sink of every non-form component
 ## Usage: seed
 ## Example: "ddev seed"
+set -euo pipefail
 
-set -e
-bash scripts/seed.sh
+if ! wp core is-installed 2>/dev/null; then
+  wp core install --url="$DDEV_PRIMARY_URL" --title="Baseline" --admin_user=admin --admin_password=admin --admin_email=dev@example.com --skip-email
+fi
+wp plugin activate --all --exclude=s3-uploads,redis-cache || echo "Plugin activation had errors (auth.json / composer install?)"
+wp plugin is-active advanced-custom-fields-pro || echo "ACF Pro not active - ACF blocks (none yet) will not register"
+wp theme activate baseline-theme || wp theme activate baseline
+wp rewrite structure '/%postname%/' --hard
+
+# The Gravity Forms kitchen sink (28 fields over 22 field types). Its definition is committed beside this
+# script as a Gravity Forms export, so a fresh database rebuilds the same form rather than someone recreating
+# it by hand. Imported only when it is missing: re-importing would orphan any entries, and on a database that
+# already has forms the new one would not be id 1 anyway.
+FORM_EXPORT=/var/www/html/.ddev/seed/gravityforms-contact.json
+if wp gf form get 1 >/dev/null 2>&1; then
+  echo "Gravity Forms form 1 exists; leaving it alone (delete it and re-run to restore the committed version)"
+elif [ -f "$FORM_EXPORT" ]; then
+  wp gf form import "$FORM_EXPORT" && echo "Imported the Gravity Forms kitchen sink from $FORM_EXPORT"
+else
+  echo "No form export at $FORM_EXPORT; the form section of the home page will render nothing"
+fi
+
+# The home page is the WordPress twin of platforms/html/index.html and the Shopify baseline-kitchen-sink
+# section: every component the theme implements, in one place, so a token or CSS change can be eyeballed in a
+# real WordPress render. That includes the Gravity Forms kitchen sink at the bottom — GF owns that markup and
+# styling it is a CSS API mapping rather than markup Baseline emits, but it belongs on the same page as
+# everything else rather than on a second one nobody remembers to open.
+#
+# Keep it current by editing this file and re-running `ddev seed`: it is idempotent and rewrites the page.
+# Single-quoted on purpose (no expansion), so the content must not contain a single quote.
+CONTENT='<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Baseline kitchen sink</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Every non-form component the WordPress theme implements. Form controls are on the Gravity Forms kitchen-sink form, since Gravity Forms owns that markup.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Button variants</h2>
+<!-- /wp:heading -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill","baselineSize":"md"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Default</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-secondary","baselineSize":"md"} -->
+<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Secondary</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-outline","baselineSize":"md"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Outline</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-ghost","baselineSize":"md"} -->
+<div class="wp-block-button is-style-ghost"><a class="wp-block-button__link wp-element-button">Ghost</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-link","baselineSize":"md"} -->
+<div class="wp-block-button is-style-link"><a class="wp-block-button__link wp-element-button" href="/">Link</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-destructive","baselineSize":"md"} -->
+<div class="wp-block-button is-style-destructive"><a class="wp-block-button__link wp-element-button">Delete</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Button sizes</h2>
+<!-- /wp:heading -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill","baselineSize":"xs"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Extra small</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-fill","baselineSize":"sm"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Small</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-fill","baselineSize":"md"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Medium</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-fill","baselineSize":"lg"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Large</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Button icons</h2>
+<!-- /wp:heading -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill","baselineSize":"md","baselineIcon":"baseline/plus"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Leading icon</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-secondary","baselineSize":"md","baselineIcon":"baseline/arrow-right","baselineIconPosition":"end"} -->
+<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Trailing icon</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-outline","baselineSize":"md","baselineIcon":"baseline/settings","baselineIconOnly":true} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Settings</a></div>
+<!-- /wp:button -->
+<!-- wp:button {"className":"is-style-ghost","baselineSize":"sm","baselineIcon":"baseline/search","baselineIconOnly":true} -->
+<div class="wp-block-button is-style-ghost"><a class="wp-block-button__link wp-element-button">Search</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Input group</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>There is no core block for a grouped control, but core/search with the button inside renders exactly this shape: one border around a field and a button. The button-outside variant below is deliberately left alone, because two controls side by side is Button Group rather than this component.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"button-inside"} /-->
+
+<!-- wp:search {"label":"Search, button outside","buttonText":"Search"} /-->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Switch</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The one form control that lives here rather than on the Gravity Forms page: there is no core switch block and no Gravity Forms switch field, so nothing else on a WordPress site renders one. The theme styles the opt-in <code>role="switch"</code> selector, which is why this section is raw HTML.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<div style="display:flex;flex-direction:column;gap:12px;max-width:24rem">
+  <div style="display:flex;align-items:center;gap:16px">
+    <input type="checkbox" role="switch" aria-label="Off">
+    <input type="checkbox" role="switch" checked aria-label="On">
+    <input type="checkbox" role="switch" aria-invalid="true" aria-label="Invalid">
+    <input type="checkbox" role="switch" aria-invalid="true" checked aria-label="Invalid on">
+    <input type="checkbox" role="switch" disabled aria-label="Disabled">
+    <input type="checkbox" role="switch" disabled checked aria-label="Disabled on">
+  </div>
+  <div style="display:flex;align-items:center;gap:16px">
+    <input type="checkbox" role="switch" data-size="sm" aria-label="Small off">
+    <input type="checkbox" role="switch" data-size="sm" checked aria-label="Small on">
+    <input type="checkbox" role="switch" data-size="md" aria-label="Medium off">
+    <input type="checkbox" role="switch" data-size="md" checked aria-label="Medium on">
+  </div>
+  <div style="display:flex;align-items:center;gap:8px">
+    <input type="checkbox" role="switch" id="sw-2fa" checked>
+    <label for="sw-2fa">Ask for a code at every sign-in</label>
+  </div>
+  <div style="display:flex;align-items:center;gap:8px">
+    <input type="checkbox" role="switch" id="sw-digest">
+    <label for="sw-digest">Send a weekly summary</label>
+  </div>
+</div>
+<!-- /wp:html -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Typeset</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Prose rhythm comes from one class on the content wrapper, not from per-element margins. Everything below is ordinary core blocks with no extra styling, so the spacing is the typeset stylesheet doing its job.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">A third-level heading</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Body copy with <strong>bold</strong>, <em>italic</em>, <a href="/">a link</a> and <code>inline code</code>. The gap above a heading should be larger than the gap between two paragraphs.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>An unordered list item</li>
+<!-- /wp:list-item -->
+<!-- wp:list-item -->
+<li>A second item, to show the gap between them</li>
+<!-- /wp:list-item -->
+<!-- wp:list-item -->
+<li>A third item</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>First</li>
+<!-- /wp:list-item -->
+<!-- wp:list-item -->
+<li>Second</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:quote -->
+<blockquote class="wp-block-quote"><!-- wp:paragraph -->
+<p>A blockquote sits inside the rhythm rather than breaking it.</p>
+<!-- /wp:paragraph --></blockquote>
+<!-- /wp:quote -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npm run tokens
+npm run check</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:table -->
+<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Token</th><th>Value</th></tr></thead><tbody><tr><td>control height md</td><td>32px</td></tr><tr><td>checkbox size</td><td>16px</td></tr></tbody></table></figure>
+<!-- /wp:table -->
+
+<!-- wp:paragraph -->
+<p>A button inside prose carries not-typeset, so it keeps its own box instead of inheriting prose rhythm.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill","baselineSize":"md"} -->
+<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Embedded in prose</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Form kitchen sink</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Every Gravity Forms field type Baseline styles. Gravity Forms owns this markup, so what it exercises is the CSS API mapping in src/gravityforms.css rather than anything Baseline emits.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:shortcode -->
+[gravityform id="1" title="false" description="false" ajax="false"]
+<!-- /wp:shortcode -->'
+
+# The form used to live on its own /forms/ page. It is on the home page now, so that page is removed if an
+# earlier seed created it — one kitchen sink, not two.
+FID=$(wp post list --post_type=page --name=forms --field=ID | head -1)
+if [ -n "$FID" ]; then
+  wp post delete "$FID" --force >/dev/null && echo "Removed the old /forms/ page; the form is on the home page now"
+fi
+
+ID=$(wp post list --post_type=page --name=baseline --field=ID | head -1)
+if [ -z "$ID" ]; then
+  ID=$(wp post create --post_type=page --post_title="Baseline" --post_name=baseline --post_status=publish --post_content="$CONTENT" --porcelain)
+else
+  wp post update "$ID" --post_content="$CONTENT" >/dev/null
+fi
+wp option update show_on_front page && wp option update page_on_front "$ID"
+echo "Seeded page $ID (every component, forms included). Login admin/admin at $DDEV_PRIMARY_URL/wp-admin"