create-ailk 0.7.0 → 0.9.0

package/site-templates/marketing-site-free/content/en/NewsletterSignup/newsletter.mdx

@@ -0,0 +1,59 @@
+---
+type: "NewsletterSignup"
+slug: "newsletter"
+title: "{Start a free newsletter with Substack}"
+description: "{Or upgrade to Pro to capture every subscriber and build your own marketing database.}"
+schema:
+  mainEntity:
+    "@type": "Offer"
+    name: "{Your newsletter name}"
+    price: 0
+    priceCurrency: "USD"
+sections:
+  [
+    {
+      "id": "hero",
+      "type": "hero",
+      "data":
+        {
+          "eyebrow": "Newsletter",
+          "headline": "{Start a free newsletter with Substack}",
+          "subheadline": "{Or upgrade to Pro to capture every subscriber and build your own marketing database.}",
+          "primaryCta":
+            { "label": "{Connect Substack}", "href": "https://substack.com" },
+          "secondaryCta":
+            {
+              "label": "{Upgrade to Pro}",
+              "href": "https://ailaunchkit.ai/pricing",
+              "variant": "outline",
+            },
+        },
+    },
+    {
+      "id": "faq",
+      "type": "faq",
+      "data":
+        {
+          "headline": "FAQs",
+          "presentation": "expanded",
+          "items":
+            [
+              {
+                "question": "{How often will I hear from you?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+              {
+                "question": "{What will I get?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+              {
+                "question": "{Can I unsubscribe?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+            ],
+        },
+    },
+  ]
+---
+
+{/* Rendered from frontmatter `sections[]` by the /newsletter route. The Free template has no signup form: the hero points the owner to Substack, or to Pro for subscriber capture. The `schema:` Offer is the page's JSON-LD main entity — a free subscription. Placeholder copy — replace every {brace} with your own words before you launch. */}

package/site-templates/marketing-site-free/content/en/Pricing/pricing.mdx

@@ -0,0 +1,199 @@
+---
+type: "Pricing"
+slug: "pricing"
+title: "{Upgrade to Pro with Commerce}"
+description: "{Checkout isn't included on the Free template. Upgrade to Pro with Commerce and take payments on your site with Stripe.}"
+sections:
+  [
+    {
+      "id": "hero",
+      "type": "hero",
+      "data":
+        {
+          "variant": "centered",
+          "gapBelow": "tight",
+          "eyebrow": "Pricing",
+          "headline": "{Upgrade to Pro with Commerce}",
+          "subheadline": "{Checkout isn't included on the Free template. Upgrade to Pro with Commerce and take payments on your site with Stripe.}",
+          "primaryCta":
+            {
+              "label": "{Add Commerce for SMB}",
+              "href": "https://ailaunchkit.ai/pricing",
+            },
+          "secondaryCta":
+            {
+              "label": "{Add Commerce for SaaS}",
+              "href": "https://ailaunchkit.ai/pricing",
+              "variant": "outline",
+            },
+        },
+    },
+    {
+      "id": "plans",
+      "type": "pricing",
+      "data":
+        {
+          "variant": "three-tiers-with-toggle",
+          "billingToggle": true,
+          "toggleStyle": "switch",
+          "gapAbove": "tight",
+          "cardLayout": "centered",
+          "plans":
+            [
+              {
+                "name": "Basic plan",
+                "price": { "monthly": "{price}/mo", "annual": "{price}/yr" },
+                "features":
+                  [
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                  ],
+                "cta": { "label": "{Primary CTA}", "href": "/contact" },
+              },
+              {
+                "name": "Business plan",
+                "price": { "monthly": "{price}/mo", "annual": "{price}/yr" },
+                "features":
+                  [
+                    "{A feature this plan adds}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                  ],
+                "cta": { "label": "{Primary CTA}", "href": "/contact" },
+              },
+              {
+                "name": "Enterprise plan",
+                "price": { "monthly": "{price}/mo", "annual": "{price}/yr" },
+                "features":
+                  [
+                    "{A feature this plan adds}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                    "{A feature this plan includes}",
+                  ],
+                "cta": { "label": "{Primary CTA}", "href": "/contact" },
+              },
+            ],
+        },
+    },
+    {
+      "id": "logo-cloud",
+      "type": "logoCloud",
+      "data":
+        {
+          "headline": "{Don’t just take our word for it}",
+          "headlineStyle": "label",
+          "logos":
+            [
+              {
+                "name": "SalesSmyth",
+                "src": "/logos/salessmyth.svg",
+                "darkSrc": "/logos/salessmyth-light.svg",
+                "width": 1118,
+                "height": 147,
+              },
+              {
+                "name": "AI Launch Kit",
+                "src": "/logos/ai-launch-kit.svg",
+                "darkSrc": "/logos/ai-launch-kit-light.svg",
+                "width": 1248,
+                "height": 144,
+              },
+              {
+                "name": "Atomic Agent",
+                "src": "/logos/atomic-agent.svg",
+                "darkSrc": "/logos/atomic-agent-light.svg",
+                "width": 1320,
+                "height": 148,
+              },
+            ],
+          "layout": "inline",
+          "treatment": "monochrome",
+        },
+    },
+    {
+      "id": "testimonial",
+      "type": "testimonials",
+      "data":
+        {
+          "variant": "quote",
+          "items":
+            [
+              {
+                "quote": "{A customer quote, in their own words, about the result they got}",
+                "author": "{Customer name}",
+                "role": "{Their title, their company}",
+              },
+            ],
+        },
+    },
+    {
+      "id": "switch",
+      "type": "cta",
+      "data":
+        {
+          "variant": "box",
+          "headline": "{Switch to your product in time amount or less}",
+          "description": "{You shouldn't have to experience a painful problem. With your product, you can finally achieve a value outcome or get a big improvement.}",
+          "checklist":
+            ["No credit card required", "Cancel any time", "Live chat support"],
+          "primaryCta": { "label": "{Primary CTA}", "href": "/contact" },
+          "secondaryCta":
+            {
+              "label": "{Secondary CTA}",
+              "href": "/pricing",
+              "variant": "outline",
+            },
+          "closingLine": "{Social Proof goes here}",
+        },
+    },
+    {
+      "id": "faq",
+      "type": "faq",
+      "data":
+        {
+          "headline": "{FAQs}",
+          "description": "{One sentence that invites visitors to ask what this list does not answer}",
+          "actions":
+            [
+              {
+                "kind": "button",
+                "label": "Contact",
+                "href": "/contact",
+                "variant": "outline",
+              },
+            ],
+          "presentation": "accordion",
+          "initialOpen": "none",
+          "items":
+            [
+              {
+                "question": "{A question your customers actually ask}",
+                "answer": "{Answer the question in two or three plain sentences}",
+              },
+              {
+                "question": "{A question your customers actually ask}",
+                "answer": "{Answer the question in two or three plain sentences}",
+              },
+              {
+                "question": "{A question your customers actually ask}",
+                "answer": "{Answer the question in two or three plain sentences}",
+              },
+              {
+                "question": "{A question your customers actually ask}",
+                "answer": "{Answer the question in two or three plain sentences}",
+              },
+              {
+                "question": "{A question your customers actually ask}",
+                "answer": "{Answer the question in two or three plain sentences}",
+              },
+            ],
+        },
+    },
+  ]
+---
+
+{/* Rendered from frontmatter `sections[]`. Seed content — replace the plan names, prices and features above with your own before you launch. */}

package/site-templates/saas-product/DESIGN.md

@@ -1,6 +1,6 @@
 ---
 name: Standard
-description: The standard design — the black-on-white foundation any shape wears by default: full navigation, a multi-column footer, the document-scroll home.
+description: "The standard design — the black-on-white foundation any shape wears by default: full navigation, a multi-column footer, the document-scroll home."
 colors:
   bg: "#ffffff"
   fg: "#000000"
@@ -15,6 +15,19 @@ colors:
   fg-dark: "#ffffff"
   border-dark: "#ffffff"
   brand-dark: "#ffffff"
+  text-muted-dark: "#cccccc"
+treatments:
+  corners: square
+  eyebrowCase: sentence
+  placeholders: fill
+  checkmarks: plain
+layout:
+  nav: full
+  footer: columns
+  announcementBanner: false
+  home: default
+copy:
+  density: standard
 typography:
   display:
     fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, sans-serif"
@@ -69,9 +82,12 @@ spacing:
   stays on-system.
   Edit the canonical file, never a copy — a test holds every copy to it.
 
-  The tokens above describe what the site RENDERS today. Colours come from
-  content/_site.mdx (`theme.colors`); type, radius and spacing are platform
-  defaults a site cannot override yet — see "Where this is heading" below.
+  The tokens above describe what the site RENDERS today. The design's own
+  colours and shape knobs live in content/_site.mdx `theme:`, which
+  `create-ailk apply-design` replaces wholesale; the owner's brand colours and
+  fonts live beside it in `brand.colors` and `brand.fonts`, which applying a
+  design never rewrites. Radius and spacing are platform defaults a site
+  cannot override yet — see "Where this is heading" below.
 -->
 
 # Standard
@@ -84,6 +100,27 @@ Every page is composed from the AI Launch Kit component library (`@working-theor
 
 ## Colors
 
+<!-- generated:begin colors -->
+
+| Key                 | Value     | Compiles to                                                                                                    |
+| ------------------- | --------- | -------------------------------------------------------------------------------------------------------------- |
+| `bg`                | `#ffffff` | `light.bg`                                                                                                     |
+| `fg`                | `#000000` | `light.text`                                                                                                   |
+| `surface`           | `#ffffff` | `light.surface`                                                                                                |
+| `surface-secondary` | `#ffffff` | `light.bgMuted`                                                                                                |
+| `border`            | `#000000` | `light.border`                                                                                                 |
+| `text-muted`        | `#333333` | `light.textMuted`                                                                                              |
+| `brand`             | `#000000` | `light.primary`                                                                                                |
+| `fg-on-brand`       | `#ffffff` | `light.primaryFg`                                                                                              |
+| `accent`            | `#000000` | `light.accent`                                                                                                 |
+| `bg-dark`           | `#000000` | `dark.bg`, `dark.bgMuted` (fallback of L1), `dark.surface` (fallback of L2), `dark.primaryFg` (fallback of L4) |
+| `fg-dark`           | `#ffffff` | `dark.text`                                                                                                    |
+| `border-dark`       | `#ffffff` | `dark.border`                                                                                                  |
+| `brand-dark`        | `#ffffff` | `dark.primary`, `dark.accent` (fallback of L5)                                                                 |
+| `text-muted-dark`   | `#cccccc` | `dark.textMuted`                                                                                               |
+
+<!-- generated:end -->
+
 ### Primary
 
 **Black** (`brand` `#000000`) fills the primary button; its label is white. The secondary button is white with a black hairline and black label.
@@ -100,6 +137,18 @@ Dark mode inverts: black ground, white ink, white rules, white primary button wi
 
 ## Typography
 
+<!-- generated:begin typography -->
+
+| Role              | Family                                                                   | Size       | Weight | Line height | Tracking |
+| ----------------- | ------------------------------------------------------------------------ | ---------- | ------ | ----------- | -------- |
+| `display`         | `system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, sans-serif` | `3.5rem`   | 700    | 1.1         | `normal` |
+| `heading-section` | `system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, sans-serif` | `3rem`     | 700    | 1.1         | `normal` |
+| `heading-item`    | —                                                                        | `2rem`     | 700    | 1.375       | `normal` |
+| `body`            | `system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, sans-serif` | `1.125rem` | 400    | 1.5         | —        |
+| `eyebrow`         | —                                                                        | `0.875rem` | 600    | 1.4         | `0.05em` |
+
+<!-- generated:end -->
+
 System sans throughout; no web font.
 
 ### Hierarchy
@@ -118,10 +167,53 @@ The small label above a section heading is **kept** as part of this foundation's
 
 ## Layout
 
+<!-- generated:begin layout -->
+
+| Knob                 | Value     |
+| -------------------- | --------- |
+| `nav`                | `full`    |
+| `footer`             | `columns` |
+| `announcementBanner` | `false`   |
+| `home`               | `default` |
+
+| Spacing          | Value    |
+| ---------------- | -------- |
+| `section`        | `7rem`   |
+| `section-mobile` | `4rem`   |
+| `card`           | `1.5rem` |
+| `grid`           | `1.5rem` |
+| `container`      | `1280px` |
+| `measure`        | `36rem`  |
+
+<!-- generated:end -->
+
 Full navigation; a multi-column footer; the default home. The home-only announcement banner is off by default (`layout.announcementBanner`). Every page this site carries is listed in its roster of record, `.ailk-site-manifest.json` at the site root. Shared foundation: a 1280px container, sections at 7rem (4rem below 1024px), card grids at 1.5rem, breakpoints 320 / 768 / 1024 / 1440.
 
+## Copy
+
+<!-- generated:begin copy -->
+
+Copy density: standard — pages carry the ordinary amount of body copy for their section.
+<!-- generated:end -->
+
 ## Shapes
 
+<!-- generated:begin shapes -->
+
+| Rounded  | Value     |
+| -------- | --------- |
+| `button` | `0.5rem`  |
+| `card`   | `0.75rem` |
+
+| Treatment                 | Value      |
+| ------------------------- | ---------- |
+| `treatments.corners`      | `square`   |
+| `treatments.eyebrowCase`  | `sentence` |
+| `treatments.placeholders` | `fill`     |
+| `treatments.checkmarks`   | `plain`    |
+
+<!-- generated:end -->
+
 Square corners everywhere (`theme.corners: square`) — buttons, cards, the auth card, image placeholders; the tokens above are the base foundation's defaults a site overrides.
 
 ## Components
@@ -156,7 +248,12 @@ The foundation's pinned direction is the pacing of a classic wireframe marketing
 ## Do's and Don'ts
 
 - **Do** keep every page built from registered sections. If a section you need does not exist, request it rather than writing one-off markup.
-- **Do** change colours in `content/_site.mdx` `theme.colors`; they reach every section.
-- **Don't** add a colour accent. The foundation's one idea is black on white; a brand pass adds colour deliberately, through the theme.
+- **Do** set your brand colours (`primary`, `primaryFg`, `accent`, per mode) in `content/_site.mdx` `brand.colors` and your fonts (`display`, `body`) in `brand.fonts`; they reach every section and survive applying another design, which replaces `theme:`.
+- **Don't** add a colour accent. The foundation's one idea is black on white; a brand pass adds colour deliberately, through `brand.colors`.
 - **Don't** replace a black rule with a shadow or a grey fill.
 - **Don't** hard-code the "heading toward" values above into a page. They arrive through the platform, or not at all.
+
+## Revisions
+
+- **2026-09-24 — tile hover is outline-only (operator ruling, /build-starter live pass, #6687).** A comparison tile (`items` in `variant: tile`) hovers by shifting its border to the accent only — no lift, no glow — matching the Positionary `/alternatives` ruling of 2026-08-29. Expressed as the bounded `tileHover: "outline"` option (Card `wash-outline`); the library default `lift` is unchanged for every other site.
+- **2026-09-25 — the before-after section's rulings (operator, /build-starter live pass, #6687).** One layout, not two variants: a panel body is an image or rows of content under the same label bar. The label bar is the tone's fill (brand → black bar, white text) at the heading-4 role; a `neutral` panel keeps a white bar. The view selector is underline tabs with the underline under the current tab only (no full-width baseline), active black, inactive muted, black on hover. The pager is a ghost "‹ Previous" at the left edge and "Next ›" at the right edge. The catalyst column carries no icon tile — it starts at the arrow, or at an image when one is set. No back-to-all link and no tag chips on the seed pages.

package/site-templates/saas-product/TEMPLATE-MANIFEST.md

@@ -22,13 +22,21 @@
 
 ## 2. Roster — the base rows, as the registry declares them
 
-`saas-product` reuses `TEMPLATE_BASE_ROSTER` (`template-manifest.ts`) and declares no rows of its own. The ten base routes:
+`saas-product` reuses `TEMPLATE_BASE_ROSTER` (`template-manifest.ts`) plus the two portfolio rows every paid roster appends (`PORTFOLIO_ROWS`, #6687 — operator disposition 2026-09-24, Pro and up). The ten base routes:
 
 ```
 /  ·  /how-it-works  ·  /features  ·  /pricing  ·  /about
 /faq  ·  /contact  ·  /sign-in  ·  /privacy  ·  /terms
 ```
 
+The portfolio rows — before/after project comparisons; the detail row's `contentDir` installs the seeds (#6646 D1):
+
+```
+/portfolio             PortfolioList · schema CollectionPage — the hub on the /alternatives stack
+/portfolio/<slug>      PortfolioItem · schema WebPage + CreativeWork — one `before-after` section per comparison
+                       (seed pages sample-one · sample-two · sample-three · sample-four, `_base` layer)
+```
+
 Module-contributed rows arrive from `MODULE_SLICES[*].pageContributions` and are listed here so the page set reads as one:
 
 ```