docs: README v2 — clone/view + Ashley vision direction
This commit is contained in:
@@ -2,114 +2,75 @@
|
|||||||
|
|
||||||
**Repo:** `Tony_tech/phoenix-website-hallmark`
|
**Repo:** `Tony_tech/phoenix-website-hallmark`
|
||||||
**Live site (unchanged):** [phoenixcameronpark.com](https://www.phoenixcameronpark.com)
|
**Live site (unchanged):** [phoenixcameronpark.com](https://www.phoenixcameronpark.com)
|
||||||
**Business:** Phoenix Salon + Spa · Cameron Park, CA (Ashley Thornhill, founder + lead esthetician)
|
**Status:** **Prototype v2** — not deployed live.
|
||||||
**Status:** Prototype only — **not deployed live**. No auto-publish.
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 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
|
## 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.
|
Redesign track for Phoenix Salon + Spa’s website: Hallmark anti-slop structure **plus** Ashley’s vision as the emotional and visual filter.
|
||||||
|
|
||||||
### In this repo
|
|
||||||
|
|
||||||
| Path | Purpose |
|
| Path | Purpose |
|
||||||
|------|---------|
|
|------|---------|
|
||||||
| `README.md` | This file — project definition and why |
|
| `README.md` | This file |
|
||||||
| `docs/PROJECT.md` | Goals, non-goals, constraints, success criteria |
|
| `docs/PROJECT.md` | Goals / non-goals |
|
||||||
| `docs/hallmark-audit-2026-07-16.md` | Full Hallmark audit of the live site |
|
| `docs/hallmark-audit-2026-07-16.md` | Live-site audit |
|
||||||
| `prototype/` | Self-contained Hallmark homepage prototype (`index.html`, `tokens.css`, `styles.css`) |
|
| `docs/decision-log.md` | Decisions |
|
||||||
| `docs/decision-log.md` | One-change-one-entry decisions for this project |
|
| `prototype/` | **v2 homepage** (`index.html`, `tokens.css`, `styles.css`) |
|
||||||
|
|
||||||
### 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
|
## 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
|
> *Ashley actually cares. She knows skin. She sees the whole person. Phoenix feels clean, safe, professional, warm, and intentional. I trust her.*
|
||||||
- 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.
|
### v2 design choices
|
||||||
|
|
||||||
### The opportunity
|
| Element | Choice |
|
||||||
|
|---------|--------|
|
||||||
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:
|
| Palette | Cream / charcoal / gold `#C9A86B` / soft pink `#E8B4BC` |
|
||||||
|
| Type | Playfair Display + DM Sans |
|
||||||
1. **Diagnose** the live site with a named punch list (audit).
|
| Hero | Trust / whole person — not “bestie” or luxury cliché |
|
||||||
2. **Prove** a better shape with a local prototype (no risk to production).
|
| Ashley | Early on page |
|
||||||
3. **Iterate** with Tony/Ashley before any live cutover.
|
| Logo | Small header mark only — no mid-page feathers/flames wallpaper |
|
||||||
4. **Compound** a reusable pattern for other local businesses later (search-velocity / digital presence work).
|
| Structure | Keep anti-slop (no 3 equal steps, no Inter/white SaaS factory) |
|
||||||
|
| CTAs | Soft booking language |
|
||||||
### 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)
|
## Operating rules
|
||||||
|
|
||||||
| Axis | Choice |
|
1. Gitea is the archive
|
||||||
|------|--------|
|
2. **No live deploy** without explicit approval
|
||||||
| Macrostructure | **Split Studio** (photo / text diptychs) |
|
3. Preview before publish
|
||||||
| Genre | Editorial · warm studio |
|
4. Sensitive claims (e.g. weight, faith) need Ashley confirmation before public use
|
||||||
| Theme | Custom — warm oat paper, deep ink, small teal accent |
|
5. Tony approves public-facing ship
|
||||||
| 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)
|
## Versions
|
||||||
|
|
||||||
1. **Gitea is the archive** for this project’s artifacts.
|
- **v1** — Hallmark Split Studio, Cormorant/teal (less slop, not loved)
|
||||||
2. **No live deploy** without explicit “publish / deploy / ship to production” from Tony.
|
- **v2** — Ashley vision filter (current `prototype/`)
|
||||||
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
|
*Updated 2026-07-16 — v2 for local clone review.*
|
||||||
|
|
||||||
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.*
|
|
||||||
|
|||||||
Reference in New Issue
Block a user