Prompts de SaaS para Sitios Web
Lanza tu producto de software con páginas enfocadas en conversión. Desde landing pages hasta dashboards, estos prompts te ayudan a crear sitios web SaaS profesionales.
Complete SaaS Landing Page
A full-featured landing page for a software product with all essential sections
Create a modern SaaS landing page for a project management tool called "TaskFlow". Include these sections:
1. HERO SECTION
- Headline: "Manage Projects Smarter, Not Harder"
- Subheadline explaining t...SaaS 404 & Error Pages
Custom error pages with helpful navigation
Create custom error pages for a SaaS application:
1. 404 PAGE (Page Not Found)
Layout:
- Centered content
- Illustration or graphic (lost astronaut, broken link, etc.)
- "404" large text
- "Page not...SaaS Blog & Content Hub
Content marketing hub with featured articles, topic filters, newsletter signup, and resource library
Create a blog and content hub page for a SaaS product called "Flowline" (project management tool) that serves as the company's content marketing engine:
1. NAVIGATION BAR
- Logo: "Flowline" with abst...SaaS Changelog Page
Product updates and release notes page
Create a changelog/release notes page for a SaaS product:
1. HEADER
- "What's New"
- "Stay up to date with the latest features and improvements"
- Subscribe to updates (email input)
- Filter by: All,...SaaS Dashboard UI
Admin dashboard interface with sidebar and widgets
Create a SaaS admin dashboard interface:
1. LAYOUT STRUCTURE
- Fixed sidebar on left (240px width)
- Top header bar with search and user menu
- Main content area with padding
2. SIDEBAR NAVIGATION
-...SaaS Email Templates
Transactional email templates for SaaS
Create HTML email templates for a SaaS product:
1. SHARED EMAIL STRUCTURE
- Max width: 600px, centered
- Header: Logo
- Body: Content area
- Footer: Company info, unsubscribe link, social icons
2. W...FAQ Page Template
Comprehensive FAQ page with search, categories, and expandable answers
Create a comprehensive FAQ page for a SaaS product. Include these sections:
1. HERO SECTION
- Headline: "Frequently Asked Questions"
- Subheadline: "Find answers to common questions about our product...SaaS Features Page
Detailed features showcase with use cases
Create a comprehensive features page for a SaaS product:
1. HERO SECTION
- "Powerful Features for Modern Teams"
- Brief intro paragraph
- Two CTAs: "Start Free Trial" and "See Pricing"
2. FEATURE CA...SaaS Help Center Page
Knowledge base and support documentation layout
Create a help center / knowledge base page:
1. HERO SECTION
- "How can we help?"
- Large search bar with placeholder: "Search for articles..."
- Popular searches as clickable tags below
2. CATEGORY...SaaS Integrations Marketplace
App integrations directory page
Create an integrations/app marketplace page:
1. HEADER
- "Integrations"
- "Connect TaskFlow with your favorite tools"
- Search bar for integrations
- "Request an integration" link
2. FILTER SIDEBAR...SaaS Login & Signup Pages
Authentication pages with social login options
Create login and signup pages for a SaaS application:
1. SHARED LAYOUT
- Split screen: Left side branding, Right side form
- Left side: Gradient background with logo, tagline, and testimonial
- Right...SaaS Onboarding Flow Prompt for Next.js
Next.js SaaS onboarding flow prompt with signup, activation checklist, product tour, empty states, team invite, billing handoff, and lifecycle email capture
Create a SaaS onboarding flow prompt for Next.js:
1. LAYOUT
- Clean, centered card layout
- Progress indicator showing current step (1/4, 2/4, etc.)
- Step title and description
- Back and Continue b...SaaS Pricing Page
Dedicated pricing page with comparison table and FAQ
Create a SaaS pricing page with the following structure:
1. HEADER
- "Simple, Transparent Pricing"
- "No hidden fees. Cancel anytime."
- Monthly/Annual toggle (annual shows 20% discount)
2. PRICING...SaaS Settings Page
Account and application settings interface
Create a comprehensive settings page for a SaaS application:
1. LAYOUT
- Sidebar navigation for setting categories
- Main content area for each setting section
- Save button fixed at bottom or per-se...SaaS Status Page
Service status and uptime monitoring page with incident history, component health, and subscriber notifications
Create a SaaS service status page for "CloudSync" that displays real-time system health, incident reports, and uptime history:
1. HEADER
- Logo: "CloudSync Status" with signal/pulse icon
- Clean mini...API Documentation Page
Developer documentation with endpoints, code examples, and interactive playground
Create a comprehensive API documentation page for a SaaS product. Include these sections:
1. DOCUMENTATION HEADER
- Product logo
- "API Reference" title
- Version selector dropdown: v2.1 (latest), v2...