- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
52 lines
1.2 KiB
Markdown
52 lines
1.2 KiB
Markdown
---
|
|
name: psychology-prompts
|
|
title: Psychology Pattern LLM Prompts
|
|
description: Ready-to-use prompts for conversion patterns with wiki patterns.
|
|
---
|
|
|
|
# Psychology Pattern Prompts
|
|
|
|
## 1. Visual Hierarchy
|
|
|
|
```
|
|
Create visual hierarchy for CTA:
|
|
- H1: 48-64px, weight 800
|
|
- H2: 32-40px, weight 700
|
|
- Body: 16-18px, weight 400
|
|
- CTA button: 16px, weight 600, accent color
|
|
- Use size contrast 2:1 between headings and body
|
|
- CTA should be most contrasting element on page
|
|
- Whitespace: 128px between sections
|
|
```
|
|
|
|
## 2. Testimonials
|
|
|
|
```
|
|
Create testimonials section:
|
|
- 3 testimonial cards
|
|
- Each: 5 stars, quote, author avatar, name, position
|
|
- Grid: 3 columns desktop, 1 column mobile
|
|
- Cards: 20px border-radius, 24px padding
|
|
- Hover: translateY(-4px), border-color accent
|
|
- Social proof: "Trusted by 500+ agencies"
|
|
```
|
|
|
|
## 3. Trust Signals
|
|
|
|
```
|
|
Create trust signals section:
|
|
- Security badges: SSL, GDPR, SOC2
|
|
- Uptime: 99.9% indicator
|
|
- Client logos: monochrome, opacity 0.4
|
|
- Guarantee: 30-day money-back
|
|
- Place after hero, before pricing
|
|
```
|
|
|
|
## Anti-Patterns
|
|
|
|
1. Never fake testimonials
|
|
2. Never use more than 5 client logos
|
|
3. Never put CTA before trust signals
|
|
4. Never use small text (<16px)
|
|
5. Never clutter with too many badges
|