fix(public): persistent labels on both appraisal intake fields and brand-consistent document titles on /pricing and /brief-requested

public/audit.html

@@ -77,8 +77,8 @@
     <h1>We read your page <em>as a customer with intent reads it.</em></h1>
     <p class="sub">Four passes, by hand, on the surfaces that decide whether someone who arrived ready to buy stays that way. You get a short, plain document — each fault named, in order of what it costs you, with the fix beside each one. No deck. No dashboard.</p>
     <form class="lead two" id="start" action="/api/signups" method="post">
-      <input type="text" name="website" required inputmode="url" autocomplete="url" placeholder="yourwebsite.com" pattern="(https?://)?([a-zA-Z0-9\-]+\.)+[a-zA-Z]{2,}(:[0-9]+)?(/[^\s]*)?" title="Enter your domain, like example.com">
-      <input type="email" name="email" required placeholder="Your work email">
+      <input type="text" name="website" required inputmode="url" autocomplete="url" placeholder="yourwebsite.com" aria-label="Your website domain" pattern="(https?://)?([a-zA-Z0-9\-]+\.)+[a-zA-Z]{2,}(:[0-9]+)?(/[^\s]*)?" title="Enter your domain, like example.com">
+      <input type="email" name="email" required placeholder="Your work email" aria-label="Your work email">
       <button>Request the appraisal</button>
     </form>
     <p class="micro">Thirty seconds to ask. Findings inside five working days. Yours to keep either way.</p>

public/brief-requested.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Request received — The Tiny Studio</title>
+<title>Request received — TinyStudio</title>
 <meta name="robots" content="noindex, nofollow">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="preload" as="style" data-fonts-css href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,300;0,9..144,400;1,9..144,200;1,9..144,300&family=Karla:wght@300;400;500;600;700&display=swap">

public/index.html

@@ -71,8 +71,8 @@
     <h1>Most of them leave <em>before they ever get in touch.</em></h1>
     <p class="sub">We read the one page your revenue depends on the way a customer with intent reads it, and show you the exact points at which they go.</p>
     <form class="lead two" id="start" action="/api/signups" method="post">
-      <input type="text" name="website" required inputmode="url" autocomplete="url" placeholder="yourwebsite.com" pattern="(https?://)?([a-zA-Z0-9\-]+\.)+[a-zA-Z]{2,}(:[0-9]+)?(/[^\s]*)?" title="Enter your domain, like example.com">
-      <input type="email" name="email" required placeholder="Your work email">
+      <input type="text" name="website" required inputmode="url" autocomplete="url" placeholder="yourwebsite.com" aria-label="Your website domain" pattern="(https?://)?([a-zA-Z0-9\-]+\.)+[a-zA-Z]{2,}(:[0-9]+)?(/[^\s]*)?" title="Enter your domain, like example.com">
+      <input type="email" name="email" required placeholder="Your work email" aria-label="Your work email">
       <button>Show me where our site undersells us</button>
     </form>
     <p class="micro">Thirty seconds to ask. Findings inside five working days. No call at any point.</p>

public/pricing.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="One price, plainly stated: the appraisal is free, the desk is $2,500 a month on a three-month minimum, and the delivery guarantee is written out in full.">
-<title>Pricing &amp; terms — The Tiny Studio</title>
+<title>TinyStudio — Pricing &amp; terms</title>
 <link rel="canonical" href="https://tinystudio.io/pricing.html">
 <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
 <meta property="og:title" content="TinyStudio — Pricing &amp; terms">

scripts/check-site.mjs

@@ -1495,6 +1495,63 @@ for (const [pageName, pageHtml, expected] of canonicalPages) {
   }
 }
 
+// ---- Document titles (brand consistency) ----------------------------------
+// Two served pages still branded themselves "The Tiny Studio" — the spaced
+// name the site's own identity copy disavows (it collides with "The Tiny
+// Studio LA" and other unrelated businesses) — while every other title said
+// "TinyStudio": /pricing served "Pricing & terms — The Tiny Studio" and
+// /brief-requested served "Request received — The Tiny Studio", both
+// byte-identical on origin/main. Title tags are a first-order SERP signal, so
+// every one of the six served appraisal pages must now name the brand in its
+// document title and must never return the spaced "The Tiny Studio" form.
+// The retired /agent-desk surface is deliberately excluded: its title frames
+// itself as retired and it is noindex.
+const titlePages = [
+  ["homepage", siteHome],
+  ["audit page", siteAudit],
+  ["desk page", read("public/agents.html")],
+  ["pricing page", read("public/pricing.html")],
+  ["specimen page", read("public/specimen.html")],
+  ["brief-requested page", read("public/brief-requested.html")]
+];
+
+for (const [pageName, pageHtml] of titlePages) {
+  const title = pageHtml.match(/<title>([^<]*)<\/title>/i)?.[1] ?? "";
+  if (!title) {
+    failures.push(`Document title must exist on ${pageName}.`);
+    continue;
+  }
+  if (!title.includes("TinyStudio")) {
+    failures.push(`Document title on ${pageName} must name TinyStudio (found ${JSON.stringify(title)}).`);
+  }
+  if (title.includes("The Tiny Studio")) {
+    failures.push(`Document title on ${pageName} must not use the spaced "The Tiny Studio" form (found ${JSON.stringify(title)}).`);
+  }
+}
+
+// ---- Intake field labels (activation) -------------------------------------
+// Both appraisal intake forms (homepage and /audit) labelled their fields
+// only with placeholder text, which disappears the moment a buyer starts
+// typing and is not a persistent programmatic label. Each intake input must
+// carry a non-empty aria-label so the field keeps its name for assistive
+// tech and for the browser's own validation announcements, no matter what
+// the field contains.
+const intakePages = [
+  ["homepage", siteHome],
+  ["audit page", siteAudit]
+];
+
+for (const [pageName, pageHtml] of intakePages) {
+  for (const input of pageHtml.matchAll(/<input\b[^>]*>/gi)) {
+    const tag = input[0];
+    if (!/\bname="(?:website|email)"/.test(tag)) continue;
+    const aria = tag.match(/\baria-label="([^"]*)"/)?.[1] ?? "";
+    if (!aria.trim()) {
+      failures.push(`Intake input on ${pageName} must carry a persistent programmatic aria-label (placeholder-only labels disappear as buyers type): ${tag}`);
+    }
+  }
+}
+
 for (const migration of ["migrations/0002_agent_runs.sql", "migrations/0003_agent_usage_limits.sql"]) {  if (!existsSync(new URL(`../${migration}`, import.meta.url))) {
     failures.push(`Missing migration: ${migration}`);
     continue;