Build a dark, modern SaaS landing page for an AI analytics platform called "Metrix". Include:
- Hero section with bold headline, animated gradient text, and two CTAs (Start Free / See Demo)
- Logos strip of 6 fake company names as social proof
- Features grid (6 features with icons) — use card hover effects
- Pricing section with 3 tiers: Starter $9/mo, Pro $29/mo (highlighted), Enterprise custom
- Testimonials (3 cards with photos and company names)
- FAQ accordion (5 questions)
- CTA banner before footer
- Footer with links and newsletter signup
Design: dark background (#0a0a0a), accent color electric blue (#3b82f6), clean typography, lots of whitespace.
1
Copy the prompt above
2
Paste in Claude Code terminal
3
Your project is live
landing pagesaasstartupmarketing
About this prompt
Building a SaaS landing page from scratch typically takes a developer 4-8 hours — or costs $500-2000 from a freelancer. With this prompt, Claude Code builds the entire page in about 3 minutes. You get a production-ready landing page with a hero section, feature grid, pricing table, testimonials, FAQ, and footer. Everything is responsive and uses clean, semantic HTML. No frameworks, no dependencies — just code that works.
What you get
✓ Hero section with headline, subheadline, and call-to-action button
✓ Feature grid with 6 features and icons
✓ Pricing table with 3 tiers (Free, Pro, Enterprise)
✓ Testimonials section with 3 customer quotes
✓ FAQ section with 5 collapsible questions
✓ Footer with navigation links and newsletter signup
✓ Fully responsive design for mobile, tablet, and desktop
✓ Clean HTML, CSS, and vanilla JavaScript — no dependencies
How to customize
Change the product name and description in the hero section. Update the pricing tiers to match your actual plans. Replace testimonial quotes with real customer feedback. Modify the color scheme by changing the accent color variable. Add your own logo and brand fonts.
Frequently asked questions
How long does it take to build?
About 3-5 minutes. Claude Code writes all the HTML, CSS, and JavaScript in one go. Your page is live on your domain immediately.
Can I customize the design after?
Yes. Everything is clean HTML and CSS. You can ask Claude to change colors, fonts, sections, or layout. Or edit the code directly.
Do I need coding experience?
No. You copy the prompt, paste it in Claude Code, and it builds everything. You can customize by describing what you want changed in plain English.
Is the output production-ready?
Yes. The code is semantic, responsive, and uses no external dependencies. It works in all modern browsers and scores well on Google PageSpeed.