From 9a6b2630b44c3029211880e5f9ef380ef5d88c52 Mon Sep 17 00:00:00 2001 From: Leonard Date: Thu, 16 Jul 2026 16:41:40 +0000 Subject: [PATCH] =?UTF-8?q?docs:=20README=20v2=20=E2=80=94=20clone/view=20?= =?UTF-8?q?+=20Ashley=20vision=20direction?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 127 +++++++++++++++++++----------------------------------- 1 file changed, 44 insertions(+), 83 deletions(-) diff --git a/README.md b/README.md index 48d2a5e..f5058a5 100644 --- a/README.md +++ b/README.md @@ -2,114 +2,75 @@ **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. +**Status:** **Prototype v2** — not deployed live. + +--- + +## How to view (clone on your machine) + +```bash +git clone https://gitea.vps1.afterthedemo.com/Tony_tech/phoenix-website-hallmark.git +cd phoenix-website-hallmark/prototype +open index.html # macOS +# or: xdg-open index.html +# or: python3 -m http.server 8765 → http://localhost:8765/ +``` + +Needs network for Google Fonts + live CDN images. --- ## 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 +Redesign track for Phoenix Salon + Spa’s website: Hallmark anti-slop structure **plus** Ashley’s vision as the emotional and visual filter. | 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 +| `README.md` | This file | +| `docs/PROJECT.md` | Goals / non-goals | +| `docs/hallmark-audit-2026-07-16.md` | Live-site audit | +| `docs/decision-log.md` | Decisions | +| `prototype/` | **v2 homepage** (`index.html`, `tokens.css`, `styles.css`) | --- ## Why we are doing it -### The problem +Live site has real strength (Ashley, services, prices, photos) inside a Lovable/AI template shell. First prototype fixed the shell (“less slop”) but felt cool/austere vs Ashley’s **warm, clean, safe, intentional** spa. v2 re-centers her brain dump. -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**: +### Ashley’s north star (from Gitea) -- 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”* +> *Ashley actually cares. She knows skin. She sees the whole person. Phoenix feels clean, safe, professional, warm, and intentional. I trust her.* -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. +### v2 design choices -### 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. +| Element | Choice | +|---------|--------| +| Palette | Cream / charcoal / gold `#C9A86B` / soft pink `#E8B4BC` | +| Type | Playfair Display + DM Sans | +| Hero | Trust / whole person — not “bestie” or luxury cliché | +| Ashley | Early on page | +| Logo | Small header mark only — no mid-page feathers/flames wallpaper | +| Structure | Keep anti-slop (no 3 equal steps, no Inter/white SaaS factory) | +| CTAs | Soft booking language | --- -## Design direction (prototype v1) +## Operating rules -| 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). +1. Gitea is the archive +2. **No live deploy** without explicit approval +3. Preview before publish +4. Sensitive claims (e.g. weight, faith) need Ashley confirmation before public use +5. Tony approves public-facing ship --- -## Operating rules (binding) +## Versions -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. +- **v1** — Hallmark Split Studio, Cormorant/teal (less slop, not loved) +- **v2** — Ashley vision filter (current `prototype/`) --- -## 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.* +*Updated 2026-07-16 — v2 for local clone review.*