Skip to content

Work / Trunk / Wiki / Surfaces

docs-article

Surfacecanonicalverified 2026-10-22

SURFACE.WEB.DOCS.ARTICLE

Summary

One docs article. Quickstart, the four guides, CLI and MCP server use it.

Raw wireframes

  • .context/designs/web/docs/start/, product/, use/, team/ — one file per guide

Why it is drawn this way

  • One template for every guide: breadcrumb is the sidebar group; title only — no breadcrumb, lead or meta.
  • Onboarding and How to use carry a step bar for their group.
  • Every guide opens with "The example" — the Northwind story — then its first screenshot.
  • Screenshots are the app drawn in HTML, full width, one distinct screen each, with a caption.
  • Prev and next follow the sidebar order. "Who can" is in the meta line; the full table is only in Members and billing.

The example

Every screenshot follows example-northwind.