Components: Trust Badges
Guides trust badge design and placement for conversion. Trust badges borrow authority from third-party organizations to signal legitimacy and reduce purchase anxiety.
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for key partners and certifications.
Identify:
- Site type: E-commerce, SaaS, lead gen
- Available badges: Security, payment, reviews, guarantees
- Placement goals: Hero, checkout, product pages
Badge Types & Impact
| Type |
Best Placement |
Conversion Impact |
| Security (SSL, Norton, McAfee) |
Checkout, payment forms |
+15–10% for unfamiliar brands |
| Payment logos (Visa, PayPal, Stripe) |
Checkout, cart |
+8→2% trust |
| Money-back guarantee |
Product, checkout |
+6–10% |
| Reviews/ratings (Trustpilot, BBB) |
Product, hero |
+12→8% |
| Privacy/compliance (GDPR, CCPA) |
Forms, checkout |
Data-sensitive transactions |
"Trusted by" logos: Client/customer logos in hero or footer; social proof for B2B. "As Seen In" (press coverage): Publication logos; see press-coverage-page-generator for media mentions aggregation.
Best Practices
Quantity
- 3→ badge types max; more can cause "badge bloat" and reduce conversions by 5→%
- Quality over quantity; use only legitimate, verifiable badges
Placement
- Highest leverage: Cart and checkout (near payment fields)
- Product pages: Near add-to-cart button
- Hero: "Trusted by" logos for brand credibility
- Footer: Secondary trust signals
Authenticity
- Use only real, verifiable badges
- Fake or irrelevant badges create skepticism
- Link to verification where appropriate
Design Guidelines
- Consistent size and style; don't mix clashing visuals
- Image optimization: Alt text, format—see image-optimization
- Adequate spacing; avoid clutter
- Grayscale or muted for "Trusted by" logos (don't compete with primary content)
- Ensure badges are recognizable at display size
Accessibility
- Provide
alt text for badge images (e.g., "Norton Secured")
- Don't rely on badges alone for critical information
Output Format
- Badge recommendations by type and placement
- Placement map (hero, product, checkout)
- Quantity guidance (avoid bloat)
Related Skills
- landing-page-generator: Trust signals as step 2 (earn trust) in landing page flow
- hero-generator: "Trusted by" often in hero
- testimonials-generator: Complementary social proof
- cta-generator: Badges near CTAs increase conversion
- pricing-page-generator: Trust badges on pricing pages
- image-optimization: Badge image optimization (alt, format)
- press-coverage-page-generator: "As Seen In" publication logos; similar visual treatment; distinct (press = media coverage; trust-badges = security, payment, reviews)
- brand-protection: "Official website" badges to distinguish from impersonation sites
1---2name: trust-badges-generator3description: When the user wants to add or optimize trust badges, "Trusted by" logos, security seals, or social proof elements. Also use when the user mentions "trust badges," "trusted by," "security badges," "payment logos," "social proof," "trust seals," "SSL badge," "customer logos," "as seen in," or "trust signals." For press logos, use press-coverage-page-generator.4---5
6# Components: Trust Badges
7
8Guides trust badge design and placement for conversion. Trust badges borrow authority from third-party organizations to signal legitimacy and reduce purchase anxiety.
9
10**When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output.
11
12## Initial Assessment
13
14**Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for key partners and certifications.
15
16Identify:
171. **Site type**: E-commerce, SaaS, lead gen
182. **Available badges**: Security, payment, reviews, guarantees
193. **Placement goals**: Hero, checkout, product pages
20
21## Badge Types & Impact
22
23| Type | Best Placement | Conversion Impact |
24|------|----------------|-------------------|
25| **Security** (SSL, Norton, McAfee) | Checkout, payment forms | +15–10% for unfamiliar brands |
26| **Payment logos** (Visa, PayPal, Stripe) | Checkout, cart | +8→2% trust |
27| **Money-back guarantee** | Product, checkout | +6–10% |
28| **Reviews/ratings** (Trustpilot, BBB) | Product, hero | +12→8% |
29| **Privacy/compliance** (GDPR, CCPA) | Forms, checkout | Data-sensitive transactions |
30
31**"Trusted by" logos**: Client/customer logos in hero or footer; social proof for B2B. **"As Seen In"** (press coverage): Publication logos; see **press-coverage-page-generator** for media mentions aggregation.
32
33## Best Practices
34
35### Quantity
36
37- **3→ badge types max**; more can cause "badge bloat" and reduce conversions by 5→%
38- Quality over quantity; use only legitimate, verifiable badges
39
40### Placement
41
42- **Highest leverage**: Cart and checkout (near payment fields)
43- **Product pages**: Near add-to-cart button
44- **Hero**: "Trusted by" logos for brand credibility
45- **Footer**: Secondary trust signals
46
47### Authenticity
48
49- Use only real, verifiable badges
50- Fake or irrelevant badges create skepticism
51- Link to verification where appropriate
52
53## Design Guidelines
54
55- Consistent size and style; don't mix clashing visuals
56- **Image optimization**: Alt text, format—see **image-optimization**
57- Adequate spacing; avoid clutter
58- Grayscale or muted for "Trusted by" logos (don't compete with primary content)
59- Ensure badges are recognizable at display size
60
61## Accessibility
62
63- Provide `alt` text for badge images (e.g., "Norton Secured")
64- Don't rely on badges alone for critical information
65
66## Output Format
67
68- **Badge recommendations** by type and placement
69- **Placement map** (hero, product, checkout)
70- **Quantity** guidance (avoid bloat)
71
72## Related Skills
73
74- **landing-page-generator**: Trust signals as step 2 (earn trust) in landing page flow
75- **hero-generator**: "Trusted by" often in hero
76- **testimonials-generator**: Complementary social proof
77- **cta-generator**: Badges near CTAs increase conversion
78- **pricing-page-generator**: Trust badges on pricing pages
79- **image-optimization**: Badge image optimization (alt, format)
80- **press-coverage-page-generator**: "As Seen In" publication logos; similar visual treatment; distinct (press = media coverage; trust-badges = security, payment, reviews)
81- **brand-protection**: "Official website" badges to distinguish from impersonation sites
gabrielmoreira