📐 Sales Page Layout Library
Visual Reference Guide for Building High-Converting Pages
Point to any layout and say: “Build me a page using Layout #2” or “Use the Problem-Solution pattern”
#1
Hero + CTA
HEADLINE
Big, bold promise headline
SUBHEADLINE
Supporting value proposition
HERO IMAGE/VIDEO
Product or hero visual
✓ Trust
✓ Badge
✓ Social Proof
#2
Problem-Solution
THE PROBLEM
Pain points – what keeps them up at night?
THE SOLUTION
Product/Service Image
How you solve their problem
THE RESULTS
✓ Benefit 1
✓ Benefit 2
✓ Benefit 3
#3
Feature Showcase
PRODUCT NAME
One-line value proposition
Feature One
Description
Description
Feature Two
Description
Description
Feature Three
Description
Description
Product Screenshot/Demo
#4
Social Proof Master
JOIN 10,000+ HAPPY CUSTOMERS
“Amazing results! Changed everything.”
“Results in 2 weeks. Highly recommend!”
10K+
Customers
Customers
4.9★
Rating
Rating
99%
Satisfaction
Satisfaction
Logo Strip: As Seen In…
#5
Story Sales Letter
How I Went From [BAD] to [GOOD] in [TIME]
THE STORY
Personal narrative with struggle…
Discovery moment…
Transformation…
Discovery moment…
Transformation…
THE METHOD
Step 1: [Action]
Step 2: [Action]
Step 3: [Action]
Step 2: [Action]
Step 3: [Action]
THE OFFER
$997
Value: $5,000+
Value: $5,000+
GUARANTEE
30-Day Money Back Promise
#6
Comparison Table
Why Choose Us?
Feature
Us
Competitor
Feature A
✓
✗
Feature B
✓
✗
Price
$99
$199
#7
Video Sales Letter
Attention-Grabbing Headline
▶ VIDEO PLAYER
Main sales presentation
Main sales presentation
✓ Key benefit one
✓ Key benefit two
✓ Key benefit three
#8
Lead Magnet Opt-In
Get Your Free [THING]
Subheadline explaining value
Lead Magnet
Preview
Preview
Name
Email
✓ Benefit 1
✓ Benefit 2
✓ Benefit 3
Social proof: “Join 5,000+ subscribers”
🎯 How to Use This Library
1. Choose Your Layout
Browse the wireframes and pick the pattern that matches your goal
2. Reference by Number or Name
Say “Build me Layout #5” or “Use the Story Sales Letter pattern”
3. Customize Your Content
Provide your copy, images, colors, and branding elements
4. Mix & Match
Combine sections from different layouts for custom designs
