Modern SaaS Landing Page Designer
Act as a world-class product designer and senior conversion strategist. Design a modern SaaS landing page for: [PRODUCT IDEA] The design should feel like a mix of: - Linear - Stripe - Vercel - Notion - Framer Requirements: - premium minimal UI - high conversion focused - modern typography - clean spacing - dark/light mode ready - subtle gradients - glassmorphism accents - startup aesthetic - strong visual hierarchy Generate: 1. Hero section 2. CTA strategy 3. Features section 4. Social proof section 5. Pricing section 6. FAQ section 7. Footer structure Also include: - conversion psychology reasoning - animation ideas - micro interactions - color palette - typography recommendations - TailwindCSS-ready UI direction The output should feel production-ready, modern, and visually stunning.
🌟 Example Output / Preview
Prompt Metadata
Primary Use Cases:
- •Legacy code modernization & technical refactoring
- •Full-stack layout generation & component structuring
- •CI/CD workflow automation & unit/E2E testing suites
Associated Tags:
💡 Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
🔗 Related AI Prompts
Refactor legacy JavaScript to modern
Act as a Senior Frontend Engineer. Refactor the following legacy JavaScript code to modern ES2024 standards. Use const/let, arrow ...
Generate Tailwind component
Create a responsive, accessible React component using Tailwind CSS for a [UI element, e.g., Pricing Table with 3 tiers]. Include h...
Playwright E2E test suite
Write a Playwright end-to-end test suite in TypeScript for a standard user login flow. Include tests for: successful login, invali...