From d590faeedc5d473de8381d9cdd6917177d2de53a Mon Sep 17 00:00:00 2001 From: Leonard Date: Thu, 16 Jul 2026 16:18:38 +0000 Subject: [PATCH] =?UTF-8?q?docs:=20project=20purpose=20=E2=80=94=20what=20?= =?UTF-8?q?this=20is=20and=20why=20(Phoenix=20Hallmark=20redesign)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 116 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 114 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 74133b5..48d2a5e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,115 @@ -# phoenix-website-hallmark +# Phoenix Website · Hallmark Redesign -Phoenix Salon + Spa website redesign — Hallmark anti-slop recreation of phoenixcameronpark.com. Local prototypes only; no live deploy without approval. \ No newline at end of file +**Repo:** `Tony_tech/phoenix-website-hallmark` +**Live site (unchanged):** [phoenixcameronpark.com](https://www.phoenixcameronpark.com) +**Business:** Phoenix Salon + Spa · Cameron Park, CA (Ashley Thornhill, founder + lead esthetician) +**Status:** Prototype only — **not deployed live**. No auto-publish. + +--- + +## What this project is + +A **redesign track for the Phoenix Salon + Spa website**, starting from a full Hallmark (anti-AI-slop) design audit of the live homepage and a **local recreation** that keeps real business content while replacing the template skeleton. + +### In this repo + +| Path | Purpose | +|------|---------| +| `README.md` | This file — project definition and why | +| `docs/PROJECT.md` | Goals, non-goals, constraints, success criteria | +| `docs/hallmark-audit-2026-07-16.md` | Full Hallmark audit of the live site | +| `prototype/` | Self-contained Hallmark homepage prototype (`index.html`, `tokens.css`, `styles.css`) | +| `docs/decision-log.md` | One-change-one-entry decisions for this project | + +### Not this project + +- Not a full multi-page production rewrite (yet) +- Not social content, Instagram, or OpenMontage clip factory (see `personal-agent-os/projects/salon-social-media-system`) +- Not competitive audits of other salons (see `Tony_tech/salon-digital-intel`) +- Not live deploy to production without explicit user approval + +--- + +## Why we are doing it + +### The problem + +The live site (`phoenixcameronpark.com`) carries **real value** — Ashley’s expertise, memberships, reviews, address, photography — but ships inside a **Lovable / AI-default local-business layout**: + +- Centred hero + equal service cards + “Learn More →” factory +- Three equal “STEP” onboarding cards +- Eyebrow labels on every section +- Inter + pure white SaaS tokens under a warm cream varnish +- Entry modal + awards banner + awards section competing with **Book** +- Voice collision: title says *luxury*, H1 says *“Hey bestie”*, body says *“Elevated Beauty”* + +That reads as **generic AI template**, not as Phoenix / Ashley / Cameron Park. For a service business that wins on trust and taste, the site’s skeleton undercuts the craft in the treatment room. + +### The opportunity + +Hallmark (Nutlope / Together AI skill, installed into Leonard) encodes anti-slop rules: structural variety, honest copy, token discipline, sparse nav/footer, photographic split layouts. We use it to: + +1. **Diagnose** the live site with a named punch list (audit). +2. **Prove** a better shape with a local prototype (no risk to production). +3. **Iterate** with Tony/Ashley before any live cutover. +4. **Compound** a reusable pattern for other local businesses later (search-velocity / digital presence work). + +### Why now + +- Hallmark was integrated into Leonard (2026-07-16) specifically for non-slop design work. +- Phoenix is the flagship local brand for Tony + Ashley; the website is the front door for booking and memberships. +- Prototype-first avoids the past failure mode of patching live surfaces without approval. + +--- + +## Design direction (prototype v1) + +| Axis | Choice | +|------|--------| +| Macrostructure | **Split Studio** (photo / text diptychs) | +| Genre | Editorial · warm studio | +| Theme | Custom — warm oat paper, deep ink, small teal accent | +| Type | Cormorant Garamond + IBM Plex Sans + Source Serif 4 (quotes) | +| Nav | Sparse (Services · Memberships · Ashley · Reviews · Visit + Book) | +| Footer | Statement close, not multi-column SaaS dump | +| Voice | Treatment-room honesty — not bestie / not elevated-marketing cliché | + +**Content kept:** services, Glow $70, tans from $95, Ashley bio, client quotes, address, phone, email, live CDN photos. +**Cut:** modal, 3-step cards, equal card factory, Inter, pure white paper, awards as full section (kept as one ribbon line). + +--- + +## Operating rules (binding) + +1. **Gitea is the archive** for this project’s artifacts. +2. **No live deploy** without explicit “publish / deploy / ship to production” from Tony. +3. **Preview before publish** — show local or staged result; get approval. +4. **One change = one commit = one decision-log entry** when we start mutating production paths. +5. **Ashley voice accuracy** is top priority; no invented metrics or overclaims. + +--- + +## How to view the prototype + +Local (VPS path used during build): + +```text +/home/vpsadmin/phoenix-hallmark-prototype/index.html +``` + +Or open the files under `prototype/` in this repo after clone. + +Book / membership links still point at the **live** site; forms in the prototype are inert demos. + +--- + +## Next steps (not started until asked) + +- [ ] Tony/Ashley review of prototype v1 (likes / dislikes) +- [ ] Section-level revisions +- [ ] Multi-page shell (services, membership, contact) still local +- [ ] Only after approval: staged deploy plan for production + +--- + +*Initialized 2026-07-16 by Leonard (Hermes) on Tony’s direction: audit live site → Hallmark recreation → persist to Gitea with project definition.*