Project Information
Define your project details and category
What you'll accomplish: Establish the foundation of your PRD by defining your project's identity, problem scope, and solution approach. This section helps AI builders understand your project's core purpose and target market.
Category Selection *
What type of product are you building?
Website
Static websites with informational content
Mobile App
Mobile-first applications for iOS and Android
Web App
Interactive web applications with complex functionality
Dashboard
Data visualization and monitoring interfaces
AI/ML Product
AI-powered applications like chatbots, recommendation engines, and intelligent systems
Basic Details
Name and describe your project
Problem & Solution
Define the problem you're solving and how your product addresses it
User Context
Describe who will use this and when
Core Features
Define what your product does and how users interact with it
What you'll accomplish: Map out your product's essential functionality and user workflows. This section helps AI builders understand what features to prioritize and how users will navigate through your product to achieve their goals.
Sitemap
Define the pages that will be included in your project
Add pages to create a sitemap for your project
Essential Features
What are the main things your product needs to do?
Add the key features your product needs to have. Think about what users absolutely need to accomplish their goals.
User Journey
How do users move through your product?
Data & Content
What information does your product work with?
Layout Structure
Define the structure and components of your layout
Choose Column Layout
Single Column
Classic stacked layout, ideal for articles and content-heavy pages
Two Column
Balanced layout with sidebar, great for blogs and dashboards
Three Column
Rich layout with multiple content sections, ideal for news sites
Four Column
Grid layout for gallery-style content or product listings
Masonry
Pinterest-style layout with items of varying heights that fit together like bricks
Custom Layout
Describe your own unique layout structure
Header Configuration
Do you want to include a header?
Footer Configuration
Do you want to include a footer?
Design System
Choose the core design elements for your project
Design Language
Material Design
Google's design system with tactile surfaces and bold colors
Apple Human Interface
Clean, minimalist design with careful attention to typography
Tailwind Style
Utility-first approach with modern, clean aesthetics
shadcn/ui
Modern component library with clean design and accessible components
Neumorphism
Soft UI with subtle shadows and clean interfaces
Digital Brutalism
Bold, raw, unapologetic design with high contrast and strong elements
Glassmorphism
Frosted glass effect with transparency, blur, and subtle backgrounds
Custom Design System
Describe your own unique design language and visual approach
Color Theme
Light Modern
Clean, bright design with subtle shadows and ample whitespace
Dark Professional
Sophisticated dark theme with professional color palette
Vibrant Creative
Bold, colorful design with eye-catching elements
Minimalist
Simple, uncluttered design focusing on essential elements
Typography
Inter/Open Sans
Heading
Body text with clear readability
Playfair Display/Source Serif Pro
Heading
Elegant serif combination
Roboto/Open Sans
Heading
Clean, modern sans-serif pairing
Poppins/Inter
Heading
Geometric sans with readable body text
Montserrat/Open Sans
Heading
Strong headers with versatile body
Source Serif Pro/Inter
Heading
Classic serif with modern sans
Border Radius
None
Sharp corners with no rounding
Small
Subtle rounding of corners
Medium
Balanced corner rounding
Large
Prominent corner rounding
Full
Fully rounded corners where possible
Graphics
Select the visual styles for icons and illustrations
Choose Icon Style
Line Icons
Clean outline icons with a modern, minimalist look
Solid Icons
Bold filled icons with strong visual presence
Duotone Icons
Two-tone icons with depth and visual interest
Gradient Icons
Vibrant gradient-filled icons for a modern feel
Choose Illustration Style
Flat Illustrations
Modern, colorful illustrations with flat design
Isometric
Three-dimensional illustrations with depth
Hand Drawn
Sketchy illustrations with a human touch
Minimal Line Art
Simple, elegant illustrations with thin lines
Functionality
Define the functionality level and technical requirements
What you'll accomplish: Specify your product's technical complexity and requirements. This section helps AI builders understand the scope of development needed and ensures all necessary technical considerations are included in your implementation plan.
Choose Functionality Level *
Basic
Essential features for a minimal viable product
Standard
Comprehensive features for typical use cases
Advanced
Extensive features for power users and complex scenarios
Enterprise
Full-featured with security, scalability, and advanced integrations
Technical Requirements
🎉 Well Done!
You've successfully created a comprehensive PRD. Your project specifications are ready to use.
📋 Your Project Documentation is Ready!
Recommended: Download the complete PRD as a markdown file for ongoing reference throughout your project development. This comprehensive document includes all your specifications and can be easily shared with your team.
Generated Prompt
Copy this prompt or open it in your favorite AI builder