Update (May 28, 2026, same session)

Branded subdomain wired and live: https://previews.aguiarinjurylawyers.com

Original sa-design-previews.vercel.app URL still works as a fallback.

Cloudflare CNAME: previews → cname.vercel-dns.com, DNS-only (proxied: false). DNS-only chosen to avoid Cloudflare-proxy-vs-Vercel-SSL handshake issues during initial provisioning. Safe to flip proxied: true later if Sam wants Cloudflare CDN benefits, but Vercel's edge already handles caching well so the gain is minimal. The www-apex redirect-rule layer that breaks proxied subdomains (per CLAUDE.md) does not target previews, so proxied would not conflict.

SSL: Let's Encrypt cert issued at provisioning, valid 90 days, auto-renewed by Vercel. HSTS active (max-age 2 years). x-robots-tag noindex/nofollow preserved on the new hostname.

Cloudflare DNS record audit trail: added with comment "sa-design-previews Vercel deploy (added 2026-05-28)" so future agents can find it.

To remove the subdomain: delete the CNAME at Cloudflare and remove the domain from the Vercel project (prj_5B32FJmQKQ41VbkM4ZjjIOm641i6). Both are reversible in under a minute.

Objective

Sam asked, "how do I make this and other elements viewable to another person to review?" pointing at a local file:// URL for a design variant. Two underlying problems: file URLs cannot be shared, and his pasted link was structurally wrong on his own machine too (missing Web Components/ and the _untracked-triage-2026-05-26/ prefix). He picked the Vercel route and said he wanted to feed more files before deploying. We bundled the entire Web Components library instead.

Live deliverable

Shareable URL: https://sa-design-previews.vercel.app

Deployed to production on Sam's existing sam-aguiar-injury-lawyers Vercel team. Verified publicly accessible (no Vercel SSO/auth wall). Headers correct: x-robots-tag: noindex, nofollow and referrer-policy: strict-origin-when-cross-origin. Sampled 10 random subpages, all returned HTTP 200.

Inspect dashboard: https://vercel.com/sam-aguiar-injury-lawyers/sa-design-previews/6S4SQSAtAG3xXnVXWyewFX1xJgfb

Work completed

  1. Resolved the path mystery. Two folders named "Design Elements - Current" exist: a clean copy at Documents/Design Elements - Current/Web Components/ (14 component families, sa-cta-image-banner, hero collection, contact page mockups, etc.) and an older scratch copy at Documents/Projects/admin/scratch/_untracked-triage-2026-05-26/Design Elements - Current/sa-clients-family/references/ (where the 5 sa-clients-family variants Sam referenced actually live). His pasted file:// link matched neither.
  2. Built staging folder at ~/Documents/Claude/design-previews/ per the CLAUDE.md rule (Claude artifacts go under ~/Documents/Claude/, not ~/Documents/Codex/). Cleaned folder names (no spaces, parens, or dates in directory paths) so URLs are friendly.
  3. Bundled 35 HTML files across 16 component families organized into 5 categories on the landing page: Heroes (sa-hero-collection, sa-split-results-hero, attorney-profile-hero, hero-package-option-a), CTAs (sa-cta-image-banner with 5 variants, sa-bsg-banner, sa-bsg-get-more-cta), Page Mockups (locations-page-mockup, contact-page-redesign), Trust & Story (sa-clients-family with 5 variants, clients-family-alt, sa-case-results-ticker, sa-life-changing-results, sa-as-featured-in), Structural (sa-commitments-grid, sa-faq-concept-3).
  4. Built a polished index.html with SAIL design tokens (navy #0B212D, orange #F89C22, Poppins). Each component renders inline as a live iframe in a card with an "Open in new tab" link. Sticky TOC for jump-to-section. Mobile-responsive grid.
  5. Added vercel.json to enforce noindex/nofollow on every response so the URL never leaks into search indexes.
  6. Installed Vercel CLI (was missing on the Mac) via npm install -g vercel, then deployed using credentials from vault.env (VERCEL_TOKEN + VERCEL_TEAM_ID). Both were already present from May 25.