Skip to content

Add Playbook page with navigation and comprehensive SaaS factory guide#1

Open
YogiAdv wants to merge 2 commits into
mainfrom
claude/micro-saas-factory-playbook-hfc7C
Open

Add Playbook page with navigation and comprehensive SaaS factory guide#1
YogiAdv wants to merge 2 commits into
mainfrom
claude/micro-saas-factory-playbook-hfc7C

Conversation

@YogiAdv
Copy link
Copy Markdown
Owner

@YogiAdv YogiAdv commented Feb 9, 2026

Summary

This PR introduces a new Playbook page that documents CoBuildFun's complete Micro-SaaS Factory operating model—a 16-week system for taking teams from idea to revenue. It includes a new navigation bar across the site and comprehensive styling for the playbook content.

Key Changes

New Pages & Content

  • playbook.html: Complete 5-phase playbook covering team formation, MVP building, validation, monetization, and scaling decisions
    • Detailed guidance on each phase with success metrics and anti-patterns
    • Revenue model aligned with team success (5-10% revenue share)
    • Platform roadmap and key success patterns
    • Responsive design with semantic HTML structure

Navigation Updates

  • Added .nav-bar component to both index.html and playbook.html headers
    • Logo link back to home
    • Active state indicator for current page
    • Consistent styling across both pages

Styling

  • playbook.css (387 lines): Comprehensive stylesheet for playbook content

    • Phase badges and metadata styling
    • Callout boxes for North Star metrics, success metrics, and anti-patterns
    • Decision grids, path cards, and pattern cards for visual hierarchy
    • Responsive tables for revenue model and advantages
    • Mobile-responsive design with breakpoints at 600px
  • styles.css: Added shared button and navigation styles

    • .btn class for consistent CTA styling
    • Navigation bar styling (logo, links, active states)

Content Highlights

  • 5 Core Phases: Entry & Matching → Team Formation → MVP Build → Validation → Launch & Monetization
  • Phase 5 Decision Point: Three paths (Keep Growing, Graduate, Shut Down)
  • Success Metrics: Clear, measurable goals for each phase (e.g., ₹10K MRR by week 16)
  • Anti-Pattern Protection: Documented pitfalls to avoid at each stage
  • Platform Economics: Revenue model tied to team success, no upfront costs

Implementation Details

  • Playbook uses semantic HTML with clear section hierarchy (h2 for phases, h3 for subsections)
  • Color-coded callout boxes (blue for North Star, green for success, orange for anti-patterns)
  • Grid layouts for decision matrices, path options, and pattern cards
  • Responsive tables with alternating row backgrounds for readability
  • Navigation state management via .active class on current page link

https://claude.ai/code/session_011yKcAb88mwGsWauDUaVz4w

Create a comprehensive playbook page documenting the six-phase system
for taking teams from idea to revenue in 16 weeks. Includes detailed
phases (Entry & Matching through Scale or Graduate), revenue model,
success patterns, platform advantages, and build roadmap. Add navigation
between home and playbook pages.

https://claude.ai/code/session_011yKcAb88mwGsWauDUaVz4w
Create a comprehensive UI prototype of the CoBuildFun platform:
- landing.html: Marketing page with hero, how-it-works timeline, revenue
  model, features grid, success patterns, and signup modal
- dashboard.html: Post-login dashboard with team stats, activity feed,
  milestones, and recommended problems
- explore.html: Problem discovery page with search, industry filters,
  problem cards with team needs, and submit-a-problem modal
- team.html: Team workspace with 5 tabs (overview, alignment session,
  milestones tracker, customer conversation log, weekly standups)
- revenue.html: Revenue dashboard with split visualization, earnings,
  customer breakdown table, monthly trend, and GST compliance notice
- app.css: Shared design system with cards, badges, avatars, tables,
  progress bars, modals, navigation, and responsive breakpoints

All pages use realistic sample data (StockKaro - hardware store
inventory SaaS) to demonstrate the full user journey from matching
through revenue.

https://claude.ai/code/session_011yKcAb88mwGsWauDUaVz4w
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants