Screenshot Guide for PMF Finance Documentation
This guide lists all the placeholder screenshots that need to be replaced with actual screenshots from the PMF Finance platform.
Required Screenshots
1. placeholder-main-dashboard.png
- Location: Introduction page hero
- Content: Main PMF Finance dashboard showing markets, portfolio value, trending PMFs
- Size: 1200x600px recommended
- Purpose: First impression of the platform
2. placeholder-trade-markets.png
- Location: "Trade & Profit" card
- Content: Market trading interface with buy/sell options
- Size: 400x300px recommended
- Purpose: Show how easy it is to trade
3. placeholder-portfolio.png
- Location: "Track Performance" card
- Content: Portfolio dashboard with P&L, positions, analytics
- Size: 400x300px recommended
- Purpose: Demonstrate portfolio management tools
4. placeholder-leaderboard.png
- Location: "Compete & Win" card
- Content: Leaderboard rankings showing top traders
- Size: 400x300px recommended
- Purpose: Show competitive aspects
5. placeholder-trader-flow.png
- Location: "For Traders" journey section
- Content: Step-by-step flow: wallet → funding → trading
- Size: 500x300px recommended
- Purpose: Visual guide for new traders
6. placeholder-writer-flow.png
- Location: "For Fund Managers" journey section
- Content: PMF creation workflow: strategy → fund → investors
- Size: 500x300px recommended
- Purpose: Show fund manager onboarding
7. placeholder-mobile-app.png
- Location: "Trade Anywhere" section
- Content: Mobile interface showing trading, portfolio, notifications
- Size: 300x600px recommended (mobile aspect ratio)
- Purpose: Highlight mobile experience
8. placeholder-market-discovery.png
- Location: "See It In Action" section
- Content: Market discovery/browsing interface
- Size: 600x400px recommended
- Purpose: Show market exploration
9. placeholder-order-placement.png
- Location: "See It In Action" section
- Content: Order placement form with market/limit options
- Size: 600x400px recommended
- Purpose: Demonstrate trading interface
10. placeholder-analytics.png
- Location: "See It In Action" section
- Content: Performance analytics with charts, metrics
- Size: 600x400px recommended
- Purpose: Show analytical capabilities
11. placeholder-pmf-creation.png
- Location: "See It In Action" section
- Content: PMF creation wizard/interface
- Size: 600x400px recommended
- Purpose: Show fund creation process
Screenshot Best Practices
Content Guidelines
- Use real data but ensure no sensitive information
- Show positive performance where possible
- Include realistic but appealing numbers
- Use dark mode if available for modern look
Technical Requirements
- High resolution (2x for retina displays)
- PNG format for crisp text
- Consistent UI state across screenshots
- Remove any personal/identifying information
Branding
- Ensure PMF Finance branding is visible
- Use consistent color scheme
- Show the newspaper-themed design
- Include mobile-responsive layouts where relevant
Replacement Instructions
- Take screenshots from the live PMF Finance platform
- Resize to recommended dimensions
- Save with exact filenames listed above
- Replace in
/docs/img/directory - Test documentation site to ensure proper display
Future Additions
Consider adding:
- Tutorial gifs for complex workflows
- Video thumbnails for embedded demos
- Feature comparison charts vs competitors
- Success story screenshots with user testimonials
The goal is to show potential users exactly what they can accomplish with PMF Finance, making the documentation a powerful conversion tool.