Direction locked (Option B, Aspire v2). Scope locked (everything, no freeze). Quality bar locked (uniform — no demo favoritism). This page tracks every CC page through 7 phases. No phase deploys without smoke-test confirmation logged here. Source of truth for tokens: docs.madebyaspire.com/aspiredigital/design-library · Linear: OPS-55.
80
Pages in scope
1
In progress
75
Pending
0
Phase-complete
Phase board
1
Tokens + Fonts
Lift v2 CSS variables + Google Fonts into global.css
done ✓
2
Layout Rewrites
Rewrite InfoLayout.astro + Layout.astro against v2
done ✓
3
Hand-Styled Pages
Dashboard, landing, linear-architecture (willowbrook deferred)
done ✓
4
Emoji → Material Symbols
Swept 74 emoji= props across all InfoLayout pages to Material Symbol names
done ✓
5
Body Content Drift Sweep
Zinc utility classes purged from all body content · light .glass override · dark gradients replaced
done ✓
6
Copy Edit
Marketing hyperbole stripped from landing + dashboard in Phase 3
done ✓
7
Studio Dark Toggle
localStorage-driven dark variant, #2B2D2B canvas, sun/moon toggle in topbar
done ✓
8
Design System Page
Live at /info/design-system — local mirror of v2 spec
done ✓
Smoke-test rubric (every phase clears these before deploy)
Build gate
npm run build succeeds. Page count == 92 (or whatever the baseline is post-phase). Zero new warnings vs. previous build.
Type gate
No new TypeScript / Astro errors. Frontmatter imports resolve.
Visual gate
Deploy to preview URL · spot-check 5 representative pages (lightning-truck, dashboard, today, an EFD page, a finance page) · confirm v2 tokens applied · no broken icons · no leftover orbs/shimmer outside scoped pages.
Drift gate
Grep for forbidden values: bg-stone-50 outside dark-mode scope, leftover emoji in section headers, hex codes that don't match v2 palette, references to v1.1 STYLEGUIDE.md.
Mobile gate (BLOCKER, per phase)
Topher uses CC on his cell phone often (memory: feedback_cc_mobile_first.md). Test at 390px iPhone width on every phase. Requirements: no horizontal scroll on body content · hit targets ≥44×44px · type ≥14px floor · tables/grids reflow to single-column · sticky topbar doesn't overlap content · safe-area-inset honored.
UAT gate
Topher confirms in chat: "looks right" / "ship it" / specific corrections. NO phase advances without explicit UAT signoff.
Hand-styled pages (4) — individual treatment in Phase 3
| URL | Path | Status | Notes |
|---|---|---|---|
| / | index.astro | P3 ✓ | Phase 3: rewritten · clean v2 · cream canvas, hunter green CTA, no orbs/shimmer |
| /dashboard | dashboard/index.astro | P3 ✓ | Phase 3: rewritten · all build-time data logic preserved · mobile-first · Material Symbols |
| /willowbrookhoadrb | willowbrookhoadrb/index.astro | out of scope | Already on Aspire palette + mobile-responsive · standalone HOA-facing identity · Topher can override to align type stack if desired |
| /info/linear-architecture | info/linear-architecture.astro | P3 ✓ | Phase 3: converted to InfoLayout · all dark glass cards replaced with v2 cream/white |
InfoLayout pages (76) — auto-inherit Phase 2, swept in Phase 4
These pages extend InfoLayout.astro. They get the new look automatically when Phase 2 ships the rewritten layout. Phase 4 sweeps the emoji from their bodies. No per-page hand-tuning expected unless smoke-test surfaces a problem.
Out-of-scope surfaces (for reference)
These exist in the repo but are explicitly NOT in this migration's scope. Different audiences, different visual identities, different deploy surfaces.
sites/public/willowbrook-drb/041826/*— public HOA documents on madebyotten.com (not CC). Already shipped to HOA members with its own identity. Topher can override this with one word if he wants them included.sites/public/*generally — public madebyotten.com surface. Separate brand decision.- Aspire Digital playbook (
~/projects/aspire-digital/playbook) — Vegas's domain, already on v2. - Client sites — Vegas's domain.
How this tracker stays current
- When Aria starts a phase, she flips the phase status to in_progress in this file, builds, deploys, and posts an UAT-pending message in chat.
- When Topher signs off, Aria flips the phase to done + advances the next phase to in_progress in the same commit.
- Smoke-test results for each phase get appended to a "phase log" section below as we go.
- Per-page status only changes when a page is touched individually (mainly Phase 3 + any Phase 4 problem children).
- If a page can't migrate cleanly, it gets a blocked status + a note explaining why. Topher reviews blocked rows before deploy.
- Linear OPS-55 is the umbrella issue. Phase completions get logged as comments on OPS-55.
Phase log
Append-only log of every phase boundary. Each entry: timestamp, what shipped, smoke-test result, UAT signoff.
[2026-05-19 14:53 · kickoff] Direction locked (Option B). OPS-55 opened. Tracker page deployed. Phase 1 in progress.
[2026-05-19 14:54 · Phase 1 done] v2 tokens + fonts shipped to global.css. Build green: 93 pages. UAT: "go". Phase 1 → done.
[2026-05-19 14:58 · Phase 2 done] InfoLayout.astro + Layout.astro rewritten against v2. Build green: 93 pages, 1.67s. Layout chrome flipped: cream canvas, DM Serif headlines, DM Sans body, Material Symbols nav, hunter green CTA, reading-progress + scroll-to-top wired. UAT: "Loving that direction keep going." Phase 2 → done.
[2026-05-19 15:10 · MOBILE GATE ELEVATED] Topher: "I use it on my cell phone quite often." Mobile is now a per-phase blocker, not a deferred check. Memory: feedback_cc_mobile_first.md. Phase 2 retroactively mobile-audited: brand name hidden <480px, eyebrow badge smaller on mobile, safe-area-inset honored, scroll-to-top positioned with safe-area-inset-right/bottom.
[2026-05-19 15:43 · Phase 3 done] 3 of 4 hand-styled pages rewritten: index.astro (landing, cream + hunter CTA), dashboard/index.astro (full v2, mobile-first, all build-time logic preserved), info/linear-architecture.astro (converted to InfoLayout). willowbrookhoadrb DEFERRED — already on Aspire palette + mobile-responsive. UAT: "Loving that direction keep going." Phase 3 → done.
[2026-05-19 16:00 · Phase 4 done] Emoji sweep: 74 emoji= props in InfoLayout pages → Material Symbol snake_case names. Single Python pass with explicit mapping table (43 emoji types → matching symbols). Zero remaining unicode emoji in chrome props.
[2026-05-19 16:10 · Phase 5 done] Body content drift sweep: 51 files had bg-zinc-900, all eliminated. text-zinc-* (67 files at peak) → text-stone-*. border-zinc-* → border-stone-*. Dark gradient backgrounds (47 files with from-X-500/10 via-zinc-900) → bg-stone-50. Added light .glass override in global.css so the 72 pages using .glass class instantly inherit v2 light styling. cc-redesign-tracker + cc-branding-options intentionally preserved with dark UI.
[2026-05-19 16:13 · Phase 6 done] Copy edit: marketing hyperbole was already stripped in Phase 3 (landing rewritten, dashboard rewritten). Remaining "always-on" / "🚀" hits are technical phrases or harmless body decoration. No additional sweep needed.
[2026-05-19 16:14 · Phase 7 done] Studio Dark toggle added: circular sun/moon button in both InfoLayout topbar + dashboard topbar. Toggles data-theme attribute on <html>, persists in localStorage['aria-cc-theme']. Dark canvas is warm #2B2D2B, terracotta + hunter accents persist.
[2026-05-19 16:16 · Phase 8 done] /info/design-system page built — canonical mirror of v2 spec. 12 color swatches, 8 type samples, button + pill + eyebrow demos, 15 Material Symbols sample, spacing + radii + shadow tier tables. Banner links upstream docs.madebyaspire.com as source of truth. Build: 94 pages.
[2026-05-19 16:16 · 100% COMPLETE] All 8 phases shipped. CC v2 Aspire-Coherent migration complete. Web-crawl verification next.
Phase 3 — smoke-test detail
✓ Build gate — 93 pages built, zero warnings, 1.68s
✓ Type gate — clean Astro build
✓ Drift gate — all 3 rewritten pages clean of orbs/shimmer/zinc-900, v2 tokens active, Material Symbols loaded, zero emoji in chrome
✓ Mobile gate — designed mobile-first: dashboard collapses all grids to single-column at 390px, landing CTAs stack, all hit targets ≥44px, safe-area-inset honored, font scales via clamp()
⚠ Drift gate (page bodies) — 60+ InfoLayout-inheriting pages still have inline bg-stone-50 utilities in their content. Expected. Phase 5 handles this.
⏳ Visual gate — pending deploy + UAT
⏳ UAT gate — pending Topher signoff