Frontend Mobile Prd Creation

2. Design System & Aesthetics

• Color Palette: Use descriptive names (e.g., "Midnight Obsidian", "Hyper-Electric Blue") and HSL values.
• Typography: Specify modern font pairings (e.g., Outfit for headers, Inter for body).
• Glassmorphism/Depth: Incorporate modern styling like subtle blurs, card shadows, and gradients.

3. Animations & Interactions

• Shimmer Effects: Specify where shimmer loaders should appear during data fetching.
• Text Streaming: Detail the animation for AI-generated text or dynamic content updates.
• Transitions: Define how elements enter and exit (e.g., "smooth slide-up with 300ms cubic-bezier").

4. Content Copywriting

• Voice & Tone: Define the personality of the project (e.g., "Friendly Professional", "Bold Disruptor").
• CTAs: Create compelling, action-oriented button text (e.g., "Start Your Transformation" instead of "Submit").

PRD Checklist

• Does the "Goal" section sound exciting and ambitious?
• Are there specific mentions of animations or micro-interactions?
• Is there an Information Architecture diagram (Mermaid)?
• Is the copy free of "AI slop" and generic business jargon?
• Are iconography and illustration styles defined?

Resources

• PRD Template
• Sample PRD