# Dr. Valerie Roberts Website Redesign

## First-Round Design Specification

**Status:** Editable client decision plan, round 1  
**Prepared:** September 1, 2026  
**Website:** [drrobertstherapy.com](https://www.drrobertstherapy.com/)  
**Client:** Dr. Valerie Roberts, PsyD, PSY32131

## Intent

This specification turns the initial redesign conversation into one concrete visual and structural direction. It is deliberately specific enough for Valerie to approve, reject, or adjust individual decisions before design comps are produced.

The proposed direction is **Quiet Coastal Professionalism**: calm without feeling spa-like, established without feeling formal, and warm enough to support people arriving under emotional strain. The redesign should preserve the strength of Valerie's existing content while making her expertise, areas of focus, and contact path immediately understandable.

This is not a final design system, approved content document, platform recommendation, or build specification. It is the first decision point.

### How to use this document

1. Review the six client decisions marked throughout the plan.
2. Correct factual assumptions in the review checklist and open questions.
3. Approve one coherent direction for round-one comps.
4. Defer platform selection, final copy, and full-site production until the visual direction is approved.

### Decision gate

Round-one comp work can begin when decisions 01-04 are answered and the priority facts marked **blocking** in Section 16 are confirmed. Decisions 05-06 may remain open if the affected content is clearly labeled as provisional in the comps.

---

## 1. What the Redesign Must Accomplish

### Primary outcome

A visitor should understand the following within one screen and with minimal effort:

1. Who Valerie works with.
2. What she helps with.
3. Where she practices.
4. How to contact her or understand current availability.

### Primary audiences and jobs

| Audience | What they need to determine | Priority |
|---|---|---|
| Parent or caregiver of an adolescent | Whether Valerie understands the young person and the family system | Primary |
| Young adult seeking therapy | Whether the practice addresses their transition or presenting concern | Primary |
| Adult navigating separation or a blended family | Whether Valerie has relevant, nuanced expertise | Primary |
| Referral partner | Whether Valerie's focus, location, and contact details fit the referral | Secondary |

The design should not privilege parents so heavily that adolescents or young adults feel spoken about rather than spoken to.

### Experience goal

The site should feel:

- Calm and steady, not precious or decorative.
- Mature and clinically credible, not corporate.
- Personal enough to establish trust, not overly intimate.
- Easy to scan for a visitor who may be distressed, distracted, or uncertain.
- Consistent from page to page.

### Business posture

This is a **fit and orientation website**, not a high-volume lead-generation funnel. It should help appropriate visitors recognize a match and make contact without using urgency, aggressive conversion patterns, or repeated sales language.

### Explicit non-goals

- Maximizing inquiry volume.
- Rewriting all existing copy from scratch.
- Positioning Valerie as a general wellness influencer.
- Filling pages with decorative lifestyle imagery.
- Using trend-driven visual effects that will age quickly.
- Selecting or migrating the implementation platform during visual round one.
- Designing a blog, client portal, scheduling system, or resource library beyond the first curated resource module.

---

## 2. Recommended Creative Direction

### Direction name: Quiet Coastal Professionalism

The visual language draws from the natural restraint of Marin and the Bay Area without relying on literal beach motifs. It combines pale mineral neutrals, a desaturated coastal green, generous white space, crisp editorial typography, and close, natural portraits.

The desired first impression is:

> Experienced, grounded, clear, and genuinely comfortable with complexity.

### Mood dimensions

| Dimension | Proposed position |
|---|---|
| Calm | 9/10 |
| Professional | 8/10 |
| Warm | 6/10 |
| Clinical | 5/10 |
| Editorial | 7/10 |
| Playful | 1/10 |
| Luxurious | 3/10 |
| Contemporary | 7/10 |

### What this direction is not

- Not blue block sections.
- Not a beige-on-beige wellness template.
- Not botanical, bohemian, or overtly feminine.
- Not a youth-oriented site despite Valerie's adolescent specialty.
- Not stark black-and-white minimalism.
- Not highly animated.

**Client decision 01:** Does *Quiet Coastal Professionalism* feel like the right overall direction?  
- [ ] Yes, proceed
- [ ] Yes, but make it warmer
- [ ] Yes, but make it more clinical
- [ ] Yes, but make it more contemporary
- [ ] No; notes: **[TODO: client response]**

---

## 3. Color Specification

### Recommended palette

The palette is cool-neutral and low-saturation. White and pale mineral surfaces carry most of the site; green is a restrained signal color rather than a background wash.

| Role | Color | Intended use |
|---|---|---|
| Canvas | `oklch(0.975 0.006 105)` | Main page background; pale mineral white |
| Surface | `oklch(0.945 0.009 110)` | Occasional quiet section distinction |
| Primary text | `oklch(0.285 0.018 185)` | Headings and body; deep charcoal-green, never pure black |
| Secondary text | `oklch(0.48 0.018 175)` | Supporting copy, captions, metadata |
| Border | `oklch(0.86 0.012 120)` | Dividers and card boundaries |
| Accent | `oklch(0.53 0.055 160)` | Links, focus states, one primary action |
| Accent dark | `oklch(0.39 0.05 160)` | Hover and high-contrast text treatment |
| Soft highlight | `oklch(0.91 0.025 155)` | Tags, selected states, minimal emphasis |

### Usage ratio

- 75% canvas / open space.
- 18% neutral surface and photography.
- 5% dark text and rules.
- 2% accent green.

These percentages are visual guidance, not production measurements.

### Color constraints

- No full-width saturated color blocks.
- No gradients.
- No pure black.
- No more than one accent color in the first design round.
- Green should guide attention, not define every section.
- Text/background combinations must meet WCAG AA contrast.
- Final token values may be adjusted during comp production only to correct contrast or optical imbalance; the palette character should not change without client approval.

**Client decision 02:** Which palette temperature should the first comp use?  
- [ ] **Recommended:** cool mineral neutral with coastal green
- [ ] Slightly warmer sand neutral with the same green
- [ ] More monochromatic, with less visible green
- [ ] Notes: **[TODO: client response]**

---

## 4. Typography Specification

### Recommended pairing

**Display and headings:** `Newsreader`, Georgia, serif  
**Body and interface:** `Atkinson Hyperlegible Next`, `Segoe UI`, sans-serif

The serif brings maturity and an editorial, human tone. The sans-serif is intentionally clear and legible under stress, including at smaller sizes. Neither should feel ornate.

### Type roles

| Role | Desktop target | Mobile target | Treatment |
|---|---:|---:|---|
| Hero statement | 64 px | 42 px | Serif, 500, tight but calm |
| Page title | 48 px | 36 px | Serif, 500 |
| Section title | 32 px | 28 px | Serif, 500 |
| Card title | 22 px | 21 px | Serif, 550 |
| Body | 18 px | 17 px | Sans, 400, 1.6 line height |
| Navigation / button | 15 px | 16 px | Sans, 550, slight tracking |
| Label / metadata | 12 px | 12 px | Sans, uppercase, wide tracking |

### Typographic constraints

- Body copy should remain between 50 and 70 characters per line.
- Avoid long centered paragraphs; reserve centered type for short introductory statements.
- Use no more than three font weights.
- Use italics sparingly for emphasis, not as a default heading style.
- Avoid all-caps except short labels.
- Do not embed important copy inside images, as the current site does in places.
- Use `-0.01em` to `-0.02em` tracking on Latin headings of 32 px and above.
- Use `0.06em` to `0.1em` tracking on the short uppercase context label.
- Confirm webfont licensing and loading performance before implementation; use the listed fallbacks in comps and production.

**Client decision 03:** Which heading character feels most like Valerie?  
- [ ] **Recommended:** editorial serif, restrained and established
- [ ] Softer serif, a little more personal
- [ ] Sans-serif throughout, more direct and clinical
- [ ] Notes: **[TODO: client response]**

---

## 5. Layout and Density

### Overall layout posture

Use an asymmetrical editorial grid with substantial open space, strong alignment, and clear text hierarchy. The experience should feel composed rather than blocky.

### Dimensions

| Element | Proposed specification |
|---|---|
| Maximum content width | 1200 px |
| Reading column | 620-720 px |
| Desktop side margin | 48-80 px depending on viewport |
| Mobile side margin | 20-24 px |
| Major section spacing | 104-128 px desktop; 72-88 px mobile |
| Grid | 12 columns desktop; 4 columns mobile |
| Corner radius | 4-8 px; nearly square |
| Border | 1 px, low contrast |
| Touch target | Minimum 44 px |
| Breakpoint behavior | Fluid first; verify at 390, 768, 1024, and 1440 px |

### Density target

**Low-to-medium density:** each section should communicate one main idea. Text can remain substantive, but it should be broken into short paragraphs, subheads, and purposeful lists rather than stacked into large panels.

### Section rhythm

- Mostly open, pale canvas.
- Occasional subtle neutral surface to mark a change in topic.
- One image-led section every two to three content sections.
- Thin rules, changes in alignment, and spacing should create rhythm instead of colored rectangles.

### Card policy

Cards should be used only when items need to be compared or entered independently, such as areas of focus or resources. Avoid turning every piece of content into a rounded card.

**Client decision 04:** Is this amount of open space appropriate?  
- [ ] **Recommended:** spacious and editorial
- [ ] Slightly denser, showing more information at once
- [ ] More intimate, with narrower columns and less empty space
- [ ] Notes: **[TODO: client response]**

---

## 6. Proposed Information Architecture

### Primary navigation

1. Home
2. About
3. Areas of Focus
4. Therapeutic Style
5. FAQs
6. Contact

The current standalone focus pages should sit under **Areas of Focus** in the navigation rather than competing at the top level. On desktop this may be a simple submenu; on mobile the three links should be visible after opening Areas of Focus, not hidden behind a second interaction.

### Utility information

- Location: Sausalito, California.
- Phone and email access.
- License: PSY32131.
- Availability or waitlist status, stated plainly once confirmed.
- Instagram may remain in the footer but should not be a primary path.
- Remove any irrelevant commerce/cart UI.

### Initial launch scope

| Page | Purpose | Scope status |
|---|---|---|
| Home | Establish fit, specialties, location, and contact path within one screen | Required |
| About | Introduce Valerie, credentials, and therapeutic style | Required; combines current About and Therapeutic Style content |
| Areas of Focus | Orient visitors and house the three focus sections or links | Required |
| FAQs | Resolve practical and process uncertainty | Required |
| Contact | Provide low-friction contact and location information | Required |

### Focus-page expansion rule

Start with one Areas of Focus page containing anchored sections for Adolescence, Separated + Blended Families, and Early Adulthood. Split a topic into a dedicated page only if its approved copy exceeds roughly 600 words, needs its own resource set, or requires distinct search positioning. This keeps the initial site to five core pages unless content proves that more are necessary.

### High-conflict divorce content

This remains a strategic decision, not a design assumption. Three possible treatments:

1. **Recommended:** A discreet subsection within Separated + Blended Families, written to clarify expertise without making it a top-level acquisition message.
2. A dedicated focus page, if discoverability becomes a priority.
3. Omit from public navigation and preserve referral-only positioning.

**Client decision 05:** How visible should high-conflict divorce expertise be?  
- [ ] **Recommended:** discreet subsection within Separated + Blended Families
- [ ] Dedicated page
- [ ] One brief sentence only
- [ ] Omit entirely
- [ ] **[TODO: client response]**

---

## 7. Homepage Structure

### Section 1: Header

- Name/wordmark on the left.
- Six navigation items maximum.
- Contact as a quiet outlined action, not a large sales button.
- Sticky after the visitor begins scrolling; compact on mobile.

### Section 2: Hero

**Goal:** Communicate fit and tone immediately.

Proposed content hierarchy:

- Short context label: `PSYCHOLOGIST · SAUSALITO, CA`
- Clear positioning statement, such as:  
  **Therapy for adolescents, young adults, and families navigating change.**
- One short supporting paragraph drawn from the existing content.
- One primary action: `Explore areas of focus`
- One text action: `Contact Dr. Roberts`
- One portrait of Valerie, naturally lit and closely cropped.

This language is a structural example, not approved final copy.

### Section 3: Recognition statement

Use one distinctive existing idea to establish Valerie's point of view. A strong candidate is her refusal to describe nontraditional families as "broken." Present it as a concise editorial statement, not a colored callout card.

### Section 4: Areas of focus

Three clear entries:

- Adolescence
- Separated + Blended Families
- Early Adulthood

Each entry should include a one-sentence description and a text link. Avoid stock-image tiles and repeated "Read more..." buttons.

### Section 5: About Valerie

A short introduction beside the second approved portrait. Include her credential and a direct link to the full About page.

### Section 6: Therapeutic approach

A concise statement describing what working with Valerie feels like. Detailed modality lists should live on the Therapeutic Style page.

### Section 7: Practical information

Location, practice format, availability, and common first-step questions. This section should reduce uncertainty before contact.

### Section 8: Contact

One calm closing invitation with phone and email. Avoid an intake form until privacy, workflow, and response expectations are confirmed.

### Mobile order

On small screens, preserve the same reading order: positioning, portrait, primary action, recognition statement, focus areas, About, approach, practical information, contact. Do not place the portrait before the positioning statement or allow the contact action to fall below a full-screen image.

---

## 8. Photography and Art Direction

### Required images

- One primary portrait for the homepage hero.
- One secondary environmental or seated portrait for About/homepage use.
- Optional third image showing the office or a quiet local environment if it is authentic and useful.

### Portrait direction

- Natural window light or soft studio light.
- Calm eye contact; expressions should feel attentive rather than broadly promotional.
- Neutral or muted clothing without high-contrast patterns.
- Backgrounds with soft mineral, gray-green, or natural textures.
- Crop with enough negative space for responsive layouts.
- Avoid crossed-arm executive poses, visible laptops, and staged therapy sessions.

### Image treatment

- Natural color with restrained contrast.
- No heavy filters or green overlays.
- Mostly 4:5 portrait crops and one wider 3:2 option.
- Slightly softened corners, maximum 8 px radius.
- No text over faces or essential image detail.

### Existing imagery

The Golden Gate/Baker Beach image can be retired unless Valerie has a strong attachment to it. Local identity should come through location language and subtle environmental context, not a landmark hero image.

**Client decision 06:** Should the visual identity feel explicitly local to Marin/Sausalito?  
- [ ] **Recommended:** subtly local, without landmark imagery
- [ ] Clearly local, with one environmental image
- [ ] Location-neutral and portrait-led
- [ ] Notes: **[TODO: client response]**

---

## 9. Interface and Interaction Rules

### Navigation

- Visible labels; no hidden desktop hamburger menu.
- Mobile menu should open as a simple full-width panel.
- Current page should have a clear visual state.
- Navigation labels should use plain language.

### Mobile menu pattern — A/B test in progress

Two mobile menu patterns are intentionally shipped across the round-one prototypes so the client can compare approaches side by side. Both are valid; the final production build will use whichever the client selects. The other prototypes (`bloom`, `ground`) ship with the overlay pattern and should be updated to match the chosen direction before round two.

**Pattern A — Push-down (in-flow) menu** (current: `dr-roberts-prototype-repose.html`)
- Menu expands within the sticky header, pushing the hero and below-the-fold content downward.
- No full-screen overlay, no opaque background fill. Menu items separated by hairline rules.
- Auto-scroll-to-top on open so the menu is visible regardless of prior scroll position.
- Trade-off: editorial feel; the page content stays visible at all times and the header is the only thing that grows. Some users on long pages may not realize the menu has expanded above their current scroll position.
- Trade-off: header height grows while the menu is open, which compresses the perceived above-the-fold area on short mobile viewports.

**Pattern B — Full-screen overlay menu** (current: `dr-roberts-prototype-stillness.html`, `dr-roberts-prototype-drift.html`)
- Menu opens as a fixed-position panel covering the viewport (top: 84px to bottom).
- Opaque background fill matches the page surface; menu items stack vertically.
- Body scroll is locked while open.
- Trade-off: app-like, isolates the menu, and gives the navigation its own focused space. The transition feels more decisive.
- Trade-off: the page content disappears while the menu is open, breaking the editorial connection to the surrounding visual system.

**Client decision required:** Which pattern should be applied to the production build and the remaining prototypes (`bloom`, `ground`)?
- [ ] Pattern A — push-down / in-flow
- [ ] Pattern B — full-screen overlay
- [ ] Notes: **[TODO: client response]**

The selected pattern must be propagated to all four prototypes before the second-round design review so the prototypes stay consistent with the approved direction.

### Calls to action

- One primary-styled action per viewport.
- Prefer `Contact Dr. Roberts` or `Explore areas of focus` over `Request Appointment` until current availability and intake workflow are confirmed.
- Phone and email should remain immediately actionable on mobile.
- No urgency language, pop-ups, or sticky booking banners.
- CTA wording must reflect the actual intake state: inquiry, waitlist request, or consultation. Do not use `Schedule` unless a schedulable action exists.

### Motion

- 150-250 ms transitions for hover and focus states.
- Optional subtle image or text reveal on initial scroll.
- No parallax, autoplay video, or decorative floating motion.
- Respect `prefers-reduced-motion`.

### Accessibility

- WCAG 2.2 AA target.
- Keyboard-visible focus rings.
- Minimum 17 px mobile body text.
- Semantic heading order.
- Descriptive alternative text for meaningful images.
- No essential information encoded by color alone.
- No text embedded in images.
- Normal text must meet at least 4.5:1 contrast; large text and interface icons at least 3:1.
- Hover, focus, selected, and active states must preserve or improve default contrast.
- The mobile menu must trap neither keyboard focus nor page scrolling after it closes.
- Links must remain identifiable without relying only on color.

---

## 10. Content Treatment

### Preserve

- Valerie's established point of view and voice.
- Her strongest explanations of adolescence and family structure.
- Existing practical information that remains accurate.
- Clear contact details and credentials.

### Edit lightly

- Shorten long paragraphs for scanning.
- Replace repeated calls to action with contextual links.
- Correct spelling and consistency issues, including `Separated` in navigation.
- Standardize title case, punctuation, and quotation marks.
- Convert image-based text graphics into accessible HTML copy.

### Add or confirm

- Current availability/waitlist wording.
- In-person, telehealth, or hybrid service details.
- Ages served and family involvement expectations.
- Fees, insurance, and out-of-network information if appropriate.
- Response-time expectations for contact.
- Crisis and emergency disclaimer.
- Curated books and resources for blended families.
- Privacy policy and accessibility statement.
- Consent and privacy implications before adding analytics, embedded scheduling, maps, or contact forms.

### Content voice

- Clear before clever.
- Reassuring without overpromising.
- Direct, grounded, and free of therapy cliches.
- Avoid language such as "journey," "safe space," and "best self" unless it reflects Valerie's own preferred language.

---

## 11. Resource and Search Strategy

The resource layer should support appropriate discovery without turning the site into a content engine.

### First-round recommendation

- Add a small, curated resource section to Separated + Blended Families.
- Use descriptive link text and a one-sentence note explaining why each resource is useful.
- Add structured page metadata, organization/person schema, breadcrumb schema, and FAQ schema where valid.
- Maintain a clear sitemap and internal linking structure.
- Ensure all specialty claims are supported by visible page content.
- Do not create machine-only claims or hidden keyword content.
- Preserve current URLs where practical; otherwise prepare a one-to-one redirect map before launch.
- Each indexable page needs a unique title, description, one visible H1, and meaningful internal links.

### Boundary

Search work should prioritize **appropriate fit and authority**, not traffic volume. Any high-conflict divorce language should be reviewed for both clinical sensitivity and inquiry-management impact.

---

## 12. Platform Constraints for Design

The first comps should remain platform-neutral, but the implementation platform must support:

- Fully responsive page layouts.
- Editable text and resource links.
- Accessible navigation and forms, if a form is later approved.
- Redirects from current URLs.
- Structured metadata and page-level SEO controls.
- Fast image delivery and modern formats.
- Analytics that do not compromise visitor privacy.
- Low ongoing maintenance for a solo practice.

The design should not depend on effects or layout behavior that are difficult to reproduce in Squarespace or a comparable managed platform.

### Out of scope for this document

- Choosing between Squarespace, a static site, or another managed platform.
- Pricing hosting plans or estimating migration effort.
- Specifying the CMS schema in detail.
- Configuring analytics, domains, email, scheduling, or forms.

These belong in the SOW or technical recommendation after the content structure and visual direction are approved.

---

## 13. Constraints and Guardrails

### Must keep

- Valerie Roberts, PsyD and license number PSY32131.
- Clear phone, email, and Sausalito location details, subject to client confirmation.
- Adolescence, Separated + Blended Families, and Early Adulthood as core focus areas.
- At least one authentic portrait of Valerie.
- Existing copy as the primary source material.

### Must avoid

- Blue text-background blocks.
- Juvenile illustration or overly friendly rounded UI.
- Saturated colors.
- Generic wellness stock photography.
- Dense page-long paragraphs.
- Appointment pressure or lead-generation language.
- Unsupported clinical promises.
- A visible cart or commerce interface.
- More than six primary navigation items.

### Dependent decisions

- High-conflict divorce visibility.
- Waitlist and availability language.
- Contact workflow and whether a form is appropriate.
- Platform selection.
- Final photography.
- Resource list scope.

### Source-of-truth hierarchy

When sources conflict, use this order:

1. Valerie's written confirmation in this plan or later approval notes.
2. Approved final copy document.
3. Current licensure and practice records.
4. The September 1 discovery review.
5. The current website.

Do not carry current-site facts into the final artifact without confirmation when this plan marks them as open.

---

## 14. Round-One Comp Scope

Once the decisions in this document are reviewed, the first visual round should include:

1. One desktop homepage comp at a 1440 px viewport.
2. One mobile homepage comp at a 390 px viewport.
3. One desktop Areas of Focus page comp at a 1440 px viewport, using Separated + Blended Families as the detailed content section.
4. A compact style tile showing palette, type hierarchy, buttons, text links, focus states, rules, and image treatment.
5. A navigation map reflecting the approved or provisional high-conflict divorce treatment.
6. One annotation layer identifying provisional copy, missing assets, and behavior not visible in a static comp.

The first round should test one coherent direction deeply rather than presenting three unrelated templates. If comparison is useful, vary only one dimension at a time, such as typography or palette temperature.

### Not included in round one

- Remaining page comps.
- A coded prototype or final HTML website.
- Final copywriting.
- Platform recommendation or migration plan.
- Custom logo design.
- Final photography retouching.
- Scheduling, form, CMS, analytics, or SEO implementation.

### Review format

Client feedback should be consolidated into one response and classified as: approve, revise, or unresolved. Round two should refine the selected direction rather than introduce a new visual concept unless decision 01 changes.

---

## 15. Acceptance Checks for the First Comp

### A. Strategy and comprehension

- [ ] Within the desktop hero, a reviewer can identify the audience, service category, location, and one next action without scrolling.
- [ ] On mobile, the same information appears before or immediately after the hero portrait.
- [ ] Adolescence, Separated + Blended Families, and Early Adulthood are all visible on the homepage without entering navigation.
- [ ] The design supports fit assessment rather than creating artificial urgency or implying broad availability.
- [ ] Parent-facing language does not make adolescent or young-adult visitors feel secondary.

### B. Visual system

- [ ] The comp uses the proposed cool-neutral palette or a client-approved variation.
- [ ] Accent green appears no more than twice in a single viewport and is not used as a large wash.
- [ ] No saturated blue blocks, gradients, generic botanical decoration, or oversized rounded cards appear.
- [ ] The serif/sans roles are consistent and no more than three weights are used.
- [ ] Body copy is 50-70 characters per line on desktop and remains at least 17 px on mobile.
- [ ] Major spacing, alignment, and section changes create hierarchy without relying on background rectangles.

### C. Content and trust

- [ ] All factual claims shown in the comp are either confirmed or visibly marked provisional.
- [ ] License, location, phone, email, service format, and availability language match the approved source.
- [ ] CTA wording matches the confirmed intake workflow and does not say `Schedule` unless scheduling exists.
- [ ] Existing language is preserved where possible; structural edits do not alter clinical meaning.
- [ ] High-conflict divorce content follows decision 05 and does not appear elsewhere by accident.
- [ ] No testimonials, outcome claims, or crisis guidance are invented.

### D. Responsive behavior

- [ ] The 390 px comp has no horizontal overflow, clipped text, overlapping elements, or orphaned controls.
- [ ] Navigation works as a single understandable mobile path even when focus links are grouped.
- [ ] Every interactive target is at least 44 by 44 px.
- [ ] Portrait crops preserve Valerie's face and useful negative space at desktop and mobile ratios.
- [ ] No short final line or isolated word creates an obvious text-wrap defect in major headings or paragraphs.

### E. Accessibility and interaction

- [ ] Normal text contrast is at least 4.5:1; large text, controls, and icons are at least 3:1.
- [ ] Default, hover, focus-visible, active, and selected states are specified for links, buttons, and navigation.
- [ ] State changes preserve or improve foreground/background contrast.
- [ ] Keyboard focus order follows visual reading order.
- [ ] Links are distinguishable without color alone and images do not contain essential text.
- [ ] Reduced-motion behavior is documented for any proposed reveal or transition.

### F. Scope and handoff

- [ ] Both required homepage viewports, the Areas of Focus comp, style tile, navigation map, and annotations are present.
- [ ] Missing copy and photography are represented with labeled placeholders, not fabricated content.
- [ ] Components shown in multiple places use the same dimensions and states.
- [ ] Platform-specific behavior is not presented as approved before platform selection.
- [ ] Client decisions and unresolved items can be traced back to this plan.

---

## 16. Client Review Checklist

Please review and mark the six decisions above, then confirm the following. Items marked **blocking** are required before round-one comps begin.

- [ ] **Blocking:** The proposed audience emphasis is accurate.
- [ ] **Blocking:** The three primary areas of focus are accurate.
- [ ] **Blocking:** Contact details and office location are current.
- [ ] **Blocking:** The current license presentation is correct.
- [ ] **Blocking:** The site should state whether the practice is full or maintaining a waitlist.
- [ ] **Blocking:** The preferred contact method and first-step CTA are confirmed.
- [ ] The site may link to Instagram.
- [ ] Existing testimonials, if any, have been reviewed for professional and regulatory compliance before use.

### Open questions

- **[TODO: Client, blocking]** Confirm whether services are in-person, telehealth, or both and the geographic limits of each.
- **[TODO: Client, blocking]** Confirm exact ages served and whether parents/caregivers are part of treatment.
- **[TODO: Client, blocking]** Confirm waitlist wording and whether a consultation call is currently offered.
- **[TODO: Client, blocking]** Confirm the preferred first contact method: phone, email, or another approved workflow.
- **[TODO: Client]** Select the high-conflict divorce visibility level.
- **[TODO: Client]** Supply 3-6 preferred resources for blended families.
- **[TODO: Client]** Supply final professional photographs after the scheduled shoot.
- **[TODO: Client]** Confirm whether fees, insurance, and out-of-network information should be public.
- **[TODO: Client]** Confirm whether the Golden Gate/Baker Beach image has personal or brand significance before retiring it.
- **[TODO: Project team, blocking]** Confirm whether `415-446-9052`, `valerierobertstherapy@gmail.com`, and `3030 Bridgeway, Suite 425, Sausalito, CA 94965` remain correct.
- **[TODO: Project team]** Inventory current URLs, approved copy, images, and any image-based text that must be rebuilt as HTML.
- **[TODO: Project team]** Confirm legal/privacy requirements for forms, analytics, embedded maps, and scheduling before specifying them.
- **[TODO: Project team]** Present platform recommendation separately from visual approval.

## Next Step

Valerie should mark the six client decisions and resolve every **blocking** item directly in this document. The project team should then record the approved choices, date the approval, and create only the round-one deliverables listed in Section 14. Any non-blocking unresolved item must remain visibly labeled as provisional rather than being assumed during design. Do not begin final-site production until the round-one direction has been reviewed and approved.

**Round-one direction approved by:** User confirmation in project chat  
**Approval date:** September 2, 2026  
**Consolidated revision notes:** Recommended visual defaults approved for first-round prototype generation. Unconfirmed operational details remain subject to client verification before production launch.
