Landing Page Creation Prompt
Purpose: Generate landing page copy following sample page structure and StoryBrand framework Output: Markdown draft with section-by-section content, FAQ, and visual suggestions Reference: Sample pages at https://www.brainforge.ai/lp/operating-white-paper and https://www.brainforge.ai/lp/capabilities-deck
Context
Service Information
Service Name: [Service name from vault]
Service Details (from gtm/agents/memory/services.md):
- Who it’s for: [Target roles/audience]
- Business problems addressed: [List problems]
- Outcomes in 30 days: [Expected outcomes]
- Scope & configuration: [What’s included]
- Success metrics: [KPIs and metrics]
- Timeline & plan: [Phases and duration]
- Deliverables: [What client receives]
Related Case Studies (from gtm/sales/*.md):
- [Client examples with metrics if available]
Sample Landing Page Structure Reference
Operating White Paper Page (https://www.brainforge.ai/lp/operating-white-paper):
- Hero section with headline and CTA
- “A sneak peek” section with preview content
- Form for download
- Client logos section
- Value proposition sections
Capabilities Deck Page (https://www.brainforge.ai/lp/capabilities-deck):
- Hero section with headline and download CTA
- “What’s inside?” section with preview content
- Form for download
- Client logos section
- “Why choose us?” section
- Service offerings overview
Common Elements:
- Hero section with compelling headline
- Form/CTA for lead capture
- Client logos (trust signals)
- Preview content (“What’s inside” or “Sneak peek”)
- Value proposition sections
- Social proof elements
Interview Transcript/Notes
Paste interview transcript or notes here:
[User will paste interview transcript/notes in this section]
Extract from transcript:
- Pain points (external, internal, philosophical)
- Outcomes & metrics
- Client quotes
- Process details
- Success stories
- Common questions/objections (for FAQ)
Instructions
Landing Page Structure
Follow this structure (based on sample pages):
- Hero Section - Headline, subheadline, primary CTA
- Problem/Solution Narrative - Brief StoryBrand framework
- Preview/What’s Inside - What they’ll get
- Features/Benefits - Key value points
- Social Proof - Client logos, testimonials, case studies
- Process/Timeline - How it works
- FAQ Section - Common questions and answers
- Final CTA - Secondary call-to-action
Section Breakdown
Hero Section
Content:
- Headline: Compelling, problem-focused headline
- Example from sample: “Consulting is being rewritten by AI. Are you ready?”
- Should hook immediately
- Subheadline: Brief value proposition or preview
- Example: “Strategy firms like McKinsey, Bain, and BCG are pouring billions into AI. This white paper breaks down what they’re actually doing, and what you can learn from it.”
- Primary CTA: Lead capture form or button
- Example: “Send me the free white paper” or “Download Now”
- Form fields: First name, Last name, Email, Company name
Visual Suggestions:
- Hero Visual: Large, impactful image or illustration
- Consider: Service visualization, problem/solution visual, or abstract concept
- CTA Button: Prominent, action-oriented button design
- Layout: Centered or left-aligned with visual on right
StoryBrand Element: Problem (hook) + Guide (preview)
Problem/Solution Narrative Section
Content:
- Brief StoryBrand framework flow
- Problem: External problem statement
- Solution Preview: How Brainforge addresses it
- Why It Matters: Brief context
Visual Suggestions:
- Problem/solution diagram
- Before/after comparison
- Process illustration
- Supporting imagery
StoryBrand Element: Problem → Guide → Plan (brief)
Preview/What’s Inside Section
Content (based on sample pages):
- “A sneak peek” or “What’s inside?” headline
- 3-4 preview points of what they’ll get:
- Bullet 1: [Preview content]
- Bullet 2: [Preview content]
- Bullet 3: [Preview content]
- Bullet 4: [Preview content]
Visual Suggestions:
- Icon for each preview point
- Checklist or preview visual
- Diagram showing content structure
StoryBrand Element: Plan (what you get)
Features/Benefits Section
Content:
- Key benefits or features
- Focus on outcomes, not features
- 4-6 key points
Visual Suggestions:
- Icon grid for benefits
- Feature cards
- Benefit visualization
StoryBrand Element: Success (outcomes)
Social Proof Section
Content:
- Client Logos: Display client logos (trust signals)
- Testimonials: Client quotes (if available from transcript)
- Case Study Highlights: Brief case study mentions with metrics
Visual Suggestions:
- Client logo grid
- Testimonial cards with photos
- Case study preview cards
- Trust badges or certifications
StoryBrand Element: Guide (authority)
Process/Timeline Section
Content:
- Brief process overview (3 steps or phases)
- Timeline if relevant
- How it works
Visual Suggestions:
- Process flow diagram
- Timeline visualization
- Step-by-step illustration
StoryBrand Element: Plan (process)
FAQ Section
Content:
- 5-8 common questions and answers
- Extract questions from:
- Interview transcript (common objections/questions)
- Service details (frequently asked)
- StoryBrand framework (common fears)
Sample Questions (adapt to service):
- “How long does this take?”
- “What do I need to get started?”
- “What results can I expect?”
- “How is this different from [alternative]?”
- “What if I’m not ready to commit?”
Visual Suggestions:
- Accordion-style FAQ layout
- Expandable sections
- Question/answer icons
StoryBrand Element: Plan (addressing fears/objections)
Final CTA Section
Content:
- Secondary call-to-action
- Reinforce value proposition
- Alternative CTA options (if applicable)
Visual Suggestions:
- CTA button
- Value reinforcement visual
- Urgency or benefit highlight
StoryBrand Element: Call-To-Action
StoryBrand Framework Reference (Brief)
Character:
- Reference target customer in problem section
- “Senior leaders at mid-market, tech-enabled companies”
Problem:
- External: “I can’t get the right information fast enough”
- Internal: “I feel exposed and inefficient”
- Use in hero and problem sections
Guide:
- Empathy: “We’ve been there. We’re operators too”
- Authority: Brief mention in social proof section
- Use in problem/solution narrative
Plan:
- 3-step process in process section
- What’s inside in preview section
- Address fears in FAQ
Success:
- Outcomes in features/benefits
- Metrics in case studies
- Transformation language throughout
CTA:
- Primary CTA in hero
- Secondary CTA at bottom
- Form for lead capture
Customer Quotes:
- Use in testimonials section
- Extract from transcript
- Use authentic language
Visual Suggestions Guidelines
Hero Section Visuals
Primary Visual Options:
- Service Illustration: Visual representation of the service
- Problem/Solution Visual: Before/after or transformation visual
- Concept Illustration: Abstract representation of value
- Product/Service Mockup: If applicable
CTA Design:
- Prominent button
- Action-oriented copy
- Clear visual hierarchy
Supporting Visuals
Icons:
- Preview point icons
- Benefit icons
- Process step icons
- FAQ icons
Charts/Diagrams:
- Process flows
- Timeline visuals
- Comparison visuals
Social Proof Visuals:
- Client logo grid
- Testimonial cards
- Case study previews
- Trust badges
Layout Considerations:
- Mobile-responsive design
- Clear visual hierarchy
- Scannable sections
- Whitespace usage
- Consistent icon style
Output Format
Generate markdown with this structure:
# Landing Page: [Service Name]
## Hero Section
**Headline**: [Compelling, problem-focused headline]
**Subheadline**: [Brief value proposition or preview - 2-3 sentences]
**Primary CTA**: [CTA text - e.g., "Download Now" or "Send me the free [asset]"]
**Form Fields** (if applicable):
- First name*
- Last name*
- Email address*
- Company name*
**Visual Suggestions**:
- Hero Visual: [Type] - [Description]
- CTA Button: [Design notes]
- Layout: [Centered/left-aligned with visual on right]
**StoryBrand Element**: [Problem + Guide preview]
---
## Problem/Solution Narrative
**Headline**: [Section headline]
**Copy**:
[Problem statement - external problem]
[Solution preview - how Brainforge addresses it]
[Why it matters - brief context]
**Visual Suggestions**:
- [Problem/solution diagram or illustration]
- [Supporting imagery]
**StoryBrand Element**: [Problem → Guide → Plan]
---
## Preview/What's Inside Section
**Headline**: "A sneak peek" or "What's inside?"
**Preview Points**:
1. [Preview point 1]
2. [Preview point 2]
3. [Preview point 3]
4. [Preview point 4]
**Visual Suggestions**:
- [Icon for each point]
- [Preview visual or diagram]
**StoryBrand Element**: [Plan - what you get]
---
## Features/Benefits Section
**Headline**: [Section headline]
**Benefits**:
- [Benefit 1]
- [Benefit 2]
- [Benefit 3]
- [Benefit 4]
- [Benefit 5]
- [Benefit 6]
**Visual Suggestions**:
- [Icon grid or benefit cards]
- [Benefit visualization]
**StoryBrand Element**: [Success - outcomes]
---
## Social Proof Section
**Headline**: "Our Clients" or "Trusted By"
**Client Logos**: [List of client names/logos to display]
**Testimonials** (if available):
> "[Client quote from transcript]"
> — [Client Name], [Role], [Company]
**Case Study Highlights**:
- [Case study 1]: [Brief description with metric]
- [Case study 2]: [Brief description with metric]
**Visual Suggestions**:
- [Client logo grid]
- [Testimonial cards]
- [Case study preview cards]
**StoryBrand Element**: [Guide - authority]
---
## Process/Timeline Section
**Headline**: "How it works" or "Our process"
**Process Overview**:
1. [Step 1]: [Brief description]
2. [Step 2]: [Brief description]
3. [Step 3]: [Brief description]
**Timeline** (if applicable): [Duration or phases]
**Visual Suggestions**:
- [Process flow diagram]
- [Timeline visualization]
**StoryBrand Element**: [Plan - process]
---
## FAQ Section
**Headline**: "Frequently Asked Questions" or "Common Questions"
**Questions & Answers**:
**Q: [Question 1]**
A: [Answer - extract from transcript or service details]
**Q: [Question 2]**
A: [Answer]
**Q: [Question 3]**
A: [Answer]
**Q: [Question 4]**
A: [Answer]
**Q: [Question 5]**
A: [Answer]
**Q: [Question 6]**
A: [Answer]
**Q: [Question 7]**
A: [Answer]
**Q: [Question 8]**
A: [Answer]
**Visual Suggestions**:
- [Accordion-style layout]
- [Expandable sections]
- [Question/answer icons]
**StoryBrand Element**: [Plan - addressing fears]
---
## Final CTA Section
**Headline**: [Reinforce value or alternative angle]
**Copy**: [Brief value reinforcement]
**CTA**: [Secondary call-to-action]
**Visual Suggestions**:
- [CTA button]
- [Value reinforcement visual]
**StoryBrand Element**: [Call-To-Action]
---
## Notes for Designer
**Overall Design Direction**:
- Follow sample page structure and style
- Mobile-responsive design
- Clear visual hierarchy
- Scannable sections
**Form Design**:
- Lead capture form in hero section
- Clear, simple form fields
- Prominent CTA button
- Success/error states
**Visual Consistency**:
- Consistent icon style
- Consistent card/component style
- Brand colors and fonts
**Brand Guidelines**:
- Follow existing brand guidelines
- Use brand colors and fonts
- Maintain visual consistency with other landing pagesQuality Checklist
Before finalizing, ensure:
- Hero section has compelling headline and clear CTA
- Form/lead capture is included
- Brief StoryBrand framework is incorporated
- FAQ section has 5-8 relevant questions
- Client logos/social proof is included
- Preview/what’s inside section is clear
- Process/timeline is included
- Visual suggestions are provided for each section
- Copy is web-optimized (scannable, concise)
- CTAs are clear and action-oriented
- Customer quotes are used in testimonials (if available)
- Questions in FAQ address common objections/fears
- Structure follows sample page patterns
Last Updated: 2026-01-30