page: playbook-document.html
title: SaaS Operating System — Founder's Technical Playbook (Living Document)
description: >
  Long-form, investor-ready reference document for the full SaaS Operating System
  framework. Static content only — no API calls. Contains standards/infrastructure
  overview, all 10 pillars with detail sections, and a CTA footer.

navigation:
  parent: playbook.html
  siblings:
    - playbook-checklist.html
    - playbook-pillar.html

top_bar:
  left:
    breadcrumb: "Dashboard → Playbook"
    title: "SaaS Operating System"
  right_actions:
    - label: "⚙ context.yaml"
      href: playbook-document-context.yaml
      description: AI/tooling context for this page
    - label: "↓ Download PDF"
      href: playbook.pdf
      target: _blank
    - label: "Open Tracker →"
      href: playbook.html

page_sections:
  - id: hero
    description: >
      Full-width hero with gradient title, subtitle, version pill (v3.0 · Live),
      tagline, and stat row (10 pillars, 60+ required docs, 7 launch gates).

  - id: standards_and_infrastructure
    description: >
      Three-column standards grid shown before the pillars. Covers governance
      and compliance, technical architecture, and financial/commercial infrastructure.
    sub_sections:
      - title: Governance & Compliance
        items:
          - SOC 2 Type II pathway
          - GDPR/CCPA data handling policies
          - Security incident response plan
          - Vendor risk assessment process
          - Board reporting cadence
      - title: Technical Architecture
        items:
          - Multi-tenant isolation strategy
          - Zero-downtime deployment pipeline
          - Observability stack (logs, metrics, traces)
          - Disaster recovery and RTO/RPO targets
          - API versioning and deprecation policy
      - title: Financial & Commercial Infrastructure
        items:
          - Revenue recognition policy
          - SaaS metrics dashboard (MRR, ARR, churn)
          - Cap table and equity management
          - Banking and treasury setup
          - Audit-ready financial statements

  - id: pillars
    description: The 10 core pillars of the SaaS Operating System
    pillars:
      - number: 1
        title: Product Identity
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 2
        title: Technical Architecture Foundation
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 3
        title: Core Product UI/UX Shell
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 4
        title: Admin and Operations Dashboard
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 5
        title: Analytics and Product Intelligence
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 6
        title: Legal and Compliance Foundation
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 7
        title: Go-To-Market and Tier Structure
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 8
        title: Investor and Pitch Readiness
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 9
        title: Financial Foundation and Unit Economics
        sub_sections: [What It Is, Architecture Best Practices, Required Documentation]
      - number: 10
        title: Risk Register
        sub_sections: [What It Is, Risk Categories, Required Documentation]

  - id: cta_footer
    description: >
      Closing section with "Open Tracker" and "Download PDF" action buttons.

fonts:
  display: "Manrope (headings)"
  body: "DM Sans (body text)"
  mono: "JetBrains Mono (code/labels)"

color_tokens:
  blue: "#1E5EFF / #4A8CFF"
  emerald: "#00D9A3"
  amber: "#FFB84D"
  coral: "#FF6B6B"
  background: "#0B0E13"
  surface: "#151921"
  elevated: "#1D2330"
  border: "#2A3441"
  border_subtle: "#1E2738"
  text_primary: "#F1F5F9"
  text_secondary: "#94A3B8"
  text_muted: "#64748B"

technical_notes:
  - Static page — no JavaScript API calls
  - Version number loaded from assets/version.json via fetch on init
  - Sticky top bar with backdrop-filter blur
  - Ambient radial gradient overlays via body::before and body::after pseudo-elements
  - Smooth scroll behavior enabled on html element
