---
name: SaaS Landing
description: Conversion-oriented SaaS landing with hero / features / pricing / CTA blocks. More marketing-y than web-prototype — assumes a paid-product context.
od:
  mode: prototype
  platform: desktop
  scenario: marketing
  preview.type: iframe
  fidelity: polished
  example_prompt: Landing for an AI lead-qualifier — pitch, three features, two-plan pricing, footer.
  design_system:
    requires: true
---

# SaaS Landing

A SaaS-specific landing variant of web-prototype. Sections are mandatory and ordered.

## Sections (in order)

1. **Nav** — brand, 3-5 links, sign-in + primary CTA. Sticky on scroll.
2. **Hero** — headline, supporting subhead, CTA, product visual (screenshot mock, abstract SVG, or hero photo). Above the fold.
3. **Social proof** — logo strip OR a "1,000+ teams using" metric.
4. **Features** — 3-4 features as a grid or alternating image/text rows. Each feature: icon, headline, paragraph.
5. **Use cases / testimonial** — one substantive customer quote with avatar + role + company.
6. **Pricing** — 2-3 tiers. Highlight one. Bullet list of features per tier. CTA per tier.
7. **FAQ** — 4-6 collapsible questions.
8. **Final CTA** — single decisive call to action against a contrasting background.
9. **Footer** — minimal — product links, company links, social.

## Polish checklist

- [ ] Hero CTA is the same color as the primary CTA in pricing — visual consistency.
- [ ] At least one feature gets a screenshot/mock, not just an icon.
- [ ] Pricing tiers have a clear "best value" — visual weight, not just a label.
- [ ] No "Lorem Ipsum". Copy is on-brand and specific to the brief.
- [ ] Anti-pattern audit.
