bd495be965
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
- Sidebar: dynamic brand-accent colors, brainstorm section restyled - AI chat general: popup panel with expand/collapse, hides when contextual AI open - AI chat contextual: tabs reordered (Actions first), X close button, height fix - Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.) - Global color cleanup: emerald/orange hardcoded → brand-accent dynamic - Brainstorm page: orange → brand-accent throughout - PageEntry animation component added to key pages - Floating AI button: bg-brand-accent instead of hardcoded black - i18n: all 15 locales updated with new AI/billing keys - Billing: freemium quota tracking, BYOK, stripe subscription scaffolding - Admin: integrated into new design - AGENTS.md + CLAUDE.md project rules added
3.3 KiB
3.3 KiB
Example: Golden Circle Applied to Hairdresser Newsletter
Trigger Map Context: Hairdresser newsletter signup
Structural Order:
structural_order:
section_why:
purpose: "Emotional connection—problem recognition and aspiration"
content_elements:
- order: 1
element: "Headline: 'Are Your Clients Asking About Trends You Haven't Heard Of?'"
rationale: "Opens with emotional pain point—immediate recognition"
- order: 2
element: "Subhead: 'Stop feeling behind. Become your town's go-to beauty authority.'"
rationale: "Validation (you're not alone) + aspiration (badass state)"
- order: 3
element: "Visual: Split image—uncertain hairdresser → confident trendsetter"
rationale: "Shows transformation visually, reinforces emotional journey"
section_how:
purpose: "Solution approach—how stylists stay ahead"
content_elements:
- order: 1
element: "Heading: 'Here's How Stylists Stay Ahead:'"
rationale: "Introduces solution category (trend newsletters) to Problem Aware users"
- order: 2
element: "Weekly trend alerts delivered Monday morning"
rationale: "Explains the method—simple, regular, manageable"
- order: 3
element: "60-second explainers—understand it fast"
rationale: "Key differentiator—reduces cognitive load fear"
- order: 4
element: "Client conversation starters included"
rationale: "Shows transformation path—immediate application"
section_what:
purpose: "Product naming, proof, and action"
content_elements:
- order: 1
element: "Heading: 'Join TrendWeek—Free for Stylists'"
rationale: "NOW we can name the product (moved to Product Aware)"
- order: 2
element: "2,000 stylists already ahead"
rationale: "Social proof builds credibility before ask"
- order: 3
element: "Button: 'Start Staying Ahead'"
rationale: "Capability-framed CTA (not 'sign up')"
- order: 4
element: "Subtext: 'Free. No credit card. Cancel anytime.'"
rationale: "Risk removal last—addresses final barrier"
flow_validation:
feels_natural: "Yes—emotion → method → specifics flows smoothly"
persuasive_arc: "WHY connects emotionally, HOW builds confidence, WHAT enables action without jumping too fast"
Analysis
WHY Section:
- Opens with emotional pain (problem recognition)
- Validates feeling (not alone)
- Shifts to aspiration (can become authority)
- Flow: Problem → Validation → Aspiration
HOW Section:
- Introduces solution approach
- Explains method (weekly delivery)
- Shows differentiator (60-second format)
- Demonstrates transformation path (conversation starters)
- Flow: Introduction → Method → Differentiator → Application
WHAT Section:
- Names the product (now user is Product Aware)
- Provides social proof (credibility)
- Capability-framed CTA (action)
- Removes risk (final barrier)
- Flow: Naming → Proof → Action → Risk Removal
Persuasive Arc: Emotion (WHY) → Method (HOW) → Specifics (WHAT) creates smooth journey from pain recognition to empowered action.
Example demonstrating Golden Circle sequencing for hairdresser newsletter content