Opal /families funnel

Warm reinforcement image + layout pass

Eight production assets generated: six replacement reinforcement images plus two distinct branch-variation images. The reinforcement and variation screens now share one visual rhythm: warm image card, eyebrow, claim, body, product signal, CTA.

8production image sets shipped as JPG/WebP/AVIF
9rendered before/after scenarios captured
109/109Vitest suite passing after stale guardrail correction
0page errors in Playwright render QA
Selected production assets

Final warm art set

Final production asset contact sheet
Dense scan

Before / after contact sheet

Before and after contact sheet
01-conflict-bedtime

Conflict: bedtime

Warmer parent-at-bedside image, same reinforcement template.

Before
Before Conflict: bedtime
After
After Conflict: bedtime
02-conflict-exhausted-parent

Conflict: exhausted parent

More dignified family-context exhaustion instead of generic burnout.

Before
Before Conflict: exhausted parent
After
After Conflict: exhausted parent
03-prior-taking-phone

Prior attempt: taking phone away

Replaces physical conflict with a serious boundary conversation.

Before
Before Prior attempt: taking phone away
After
After Prior attempt: taking phone away
04-prior-apple-screen-time

Prior attempt: Apple Screen Time

Moves away from sterile settings UI into family-context limits.

Before
Before Prior attempt: Apple Screen Time
After
After Prior attempt: Apple Screen Time
05-prior-timers

Prior attempt: timers

Shows why timers become a family moment, not just a device mechanic.

Before
Before Prior attempt: timers
After
After Prior attempt: timers
06-prior-none

Prior attempt: nothing yet

Adds a human “we need structure” moment instead of an abstract calendar.

Before
Before Prior attempt: nothing yet
After
After Prior attempt: nothing yet
07-branch-teen-reframe

Variation: self-managed teen reframe

Distinct teen-agency art; same reinforcement layout, no internal branch label.

Before
Before Variation: self-managed teen reframe
After
After Variation: self-managed teen reframe
08-branch-new-parent-reframe

Variation: protected early-parenthood moment

New parent path now uses the same reinforcement layout and warmer depletion art.

Before
Before Variation: protected early-parenthood moment
After
After Variation: protected early-parenthood moment
09-branch-parent-first-reframe

Variation: parent baseline reframe

Distinct parent-modeling art; same reinforcement layout, no internal branch label.

Before
Before Variation: parent baseline reframe
After
After Variation: parent baseline reframe
Verification
Build: npm run build passed. Tests: npm test -- --run passed. Playwright captured 9 after screens and 9 before screens. After QA had no page errors; local warnings were third-party Meta Pixel/RevenueCat network warnings only.