Command Centre · System

Page Templates

Modular template kit for every page in the Cowork ecosystem. Five archetypes, shared chrome, optional blocks. Each new page should start as a copy of one of these.

5 archetypes 119 existing pages classified v1.0
TL;DR
  • Pick the archetype that matches what you're building, copy the template, fill placeholders.
  • All templates share the same chrome: sidebar, charcoal sidebar bg, hub footer, ⌘K search.
  • Strictness is modular — required blocks must be present in order; optional blocks may be added as needed.
  • If you're unsure which archetype fits, default to Brief until the page outgrows it, then promote to Report.

The five archetypes

🏠 Hub
12 pages

When: every project's landing page (index.html). Lists outputs, surfaces top actions, navigates to canonical work.

Required: Chrome · Sidebar · Project header · File-card grids · Hub footer
Optional: TLDR · Meta chips · Cross-project refs · Action register
Preview Copy as new
📊 Report
17 pages

When: long-form analyses (>40 KB, ≥4 sections). Examples: US Exit Timeline, Tax Optimisation v4, Lipid Strategy, Calisthenics Programme.

Required: Chrome · Sidebar (with section nav) · Report header · TLDR · TOC · ≥4 H2 sections · Hub footer
Optional: Insight boxes · Data tables · Metric strip · Sources section
Preview Copy as new
📄 Brief
84 pages

When: compact 1-pager reference docs (≤30 KB, ≤3 H2 sections). Examples: Wok Reference, Bond Rates, deep-dives, catalog entries. Read in ≤3 minutes.

Required: Chrome · Sidebar · Brief header · TLDR · Key-reference card · ≤3 H2 sections · Hub footer
Optional: Single embedded image · ONE data table · Single insight box
Preview Copy as new
⚙️ Walkthrough
3 pages

When: sequential step-by-step guides. Examples: Cloudflare Setup, Peptide Prep, install / setup docs.

Required: Chrome · Sidebar (phase nav) · Walkthrough header (with time estimate) · Prereqs box · Numbered steps · Done panel · Hub footer
Optional: Code blocks · Troubleshooting · Inline screenshots
Preview Copy as new
🎛️ Dashboard
3 pages

When: tile-based interactive cockpits with live data. Examples: master-dashboard, Longevity Cmd Centre, Financial Cmd Centre.

Required: Chrome · Sidebar · Dashboard header (with search trigger) · Summary stat strip · Tile grid · Hub footer
Optional: Recent activity rail · Filter chips · Archived section · Tile-level CRUD
Preview Copy as new

Shared chrome (every archetype)

Every page must include:

  • Link to /cowork-dashboard-public/design-system.css (use relative path: ../ for sub-projects, no prefix for command centre)
  • Scripts for ⌘K search: manifest.js + search-overlay.js (same folder)
  • <body class="project-{slug}"> — pick from the 11 project palettes in design-system.css
  • Left sidebar (220px, sticky, charcoal) with brand block, navigation, footer
  • Standard <footer class="hub-footer"> with ← Master Dashboard, last-updated date, ↑ Top

Classification: existing 119 pages

Pages already in the system, by archetype (T1 inventory):

  • Hub (12): all 10 sub-project hubs + command centre + neo chorio catalog sub-hub
  • Dashboard (3): master-dashboard, Longevity Cmd Centre, Financial Cmd Centre
  • Report (17): 5 ai-doctor deep-dives, 4 financial-advisor analyses, 2 travel guides, calisthenics v22, Master Plan v3, US Exit Timeline, IMPLEMENTATION_PLAN, longevity-redesign-preview, wok_reference
  • Brief (84): 72 neo chorio catalog entries + 12 reference briefs across other projects
  • Walkthrough (3): CLOUDFLARE_SETUP, peptide-prep, morning_brief preview