The gallery
See what you can document
50 examples with rendered diagrams, Markdown source, and the example brief. Start with the recommended examples or browse by task.
These examples use illustrative systems and measurements. Each page identifies its source and any editorial corrections. To start your own document, choose a template.
Filter by block family
50 examples
Clear filtersPlatform shape
“Explain the shape of the platform to a new backend engineer: services, databases, third parties.”
RecommendedC4 diagramc4+4 moreOrders REST API
“Document the public REST API for the orders service.”
RecommendedREST API documentationendpoint+4 moreBilling data model
“Explain the data model behind subscriptions, plans, invoices, and payments.”
RecommendedER diagramerd+4 moreRotate the payments database credentials
“Runbook for rotating the payments database credentials without downtime.”
Recommendedrunbooksteps+3 moreCheckout outage — 14 Aug
“Postmortem for the outage on 14 Aug: what happened, in what order, and why.”
Recommendedpostmortem documenttimeline+4 morePlatform roadmap 2026
“The 2026 platform roadmap by theme and quarter, with where we are now.”
Recommendeddocumentroadmap+4 moreBackend module dependency rules
“Document which backend modules are allowed to depend on which, so reviewers can enforce it.”
package diagrampkg+4 moreNotifications service — new hire guide
“Explain the notifications service to a new hire.”
service overviewc4+4 moreOrder events fan-out
“When an order is placed, five other services have to react to it without the order service knowing about any of them. Show how that works.”
architecture diagramblock+4 moreOrders service — regions, zones, and replicas
“Show how the service is laid out across regions and availability zones, with how many copies of each part run.”
architecture diagramblock+3 morePublic API rate limiter
“Design the rate limiter for the public API.”
design documentblock+4 moreRead model for the product page
“Reads outnumber writes fifty to one and the product page query joins nine tables. Document the read-model approach we agreed on.”
architecture documentblock+6 moreTicketing system — actors and feature dependencies
“Who does what with the ticketing system — customers, agents, the payment provider — and which features depend on others?”
use case diagramusecase+3 moreLibrary UI design system
“Document the typography, controls, component status, and search page for a library catalogue.”
UI design systemwireframe+3 moreLibrary catalogue API
“Generate response flows and a shared-schema overview from the supplied OpenAPI contract.”
OpenAPI importsequence+2 moreorder.placed event
“Document the order.placed event so other teams can consume it safely.”
event contracteventcontract+4 moreOutbox for order events
“We lose events when the database commit succeeds but the publish to the broker fails. Document the fix we agreed on.”
sequence diagramsequence+4 moreClickstream pipeline
“How clickstream data gets from the app to the warehouse to the dashboards.”
data pipeline diagramdfd+4 moreLogin flow
“How the login flow works across the SPA, the auth service, and Google.”
sequence diagramsequence+5 moreOrder lifecycle
“Show how an order moves from cart to delivered and what can go wrong at each stage.”
state diagramstate+4 morePricing breaker — the 60 seconds of the 8 Sep outage
“Show what the circuit breaker and the downstream are doing over the sixty seconds of last week's outage.”
timing diagramtiming+4 moreRefund handoffs
“Document how a refund moves between support, finance, and the warehouse, and who owns each step.”
swimlane diagramswimlane+4 moreBlack Friday capacity at 5× normal traffic
“What we need for Black Friday at five times normal traffic.”
capacity planenvelope+5 moreCheckout API latency — where one request spends its time
“Our checkout API got slow last week. Show where the time actually goes inside one request.”
trace waterfallspans+3 moreCheckout latency — the tail per endpoint
“The median looks fine but people complain checkout is slow — show the latency picture per endpoint.”
latency reportpercentiles+2 moreCheckout SLOs and alerts
“Define SLOs for checkout and how we alert on them.”
SLO documentslo+4 moreLosing the primary region
“What happens if we lose the primary region.”
disaster recovery plantimeline+4 moreOrders service on Kubernetes
“How the orders service is deployed on Kubernetes.”
deployment diagramblock+4 morePostgres 13 to 16 upgrade
“Plan the Postgres 13 to 16 upgrade with a rollback path.”
migration planchevrons+4 moreProduct page — web performance budgets
“Show how the product page does against our web performance budgets.”
performance budgetperfbudget+4 moreProduction readiness — search-indexer
“Go through the production-readiness standard for the search indexer and show what passes and what doesn't, with proof.”
readiness checklistchecklist+3 moreThe incident process
“Deck opener for the incident process — the phases, and which one we are improving this quarter.”
incident timelinechevrons+4 moreWhy deploys fail on Fridays
“Why do deploys keep failing on Fridays? Lay out the possible causes.”
root cause analysisfishbone+5 moreAdmin app visibility
“Explain who can see what in the admin app — the roles against the screens.”
permissions matrixmatrix+4 moreLogin path — threat model
“Threat-model the login path — where can it be attacked and what stops each attack?”
threat modelthreatmodel+4 morePentest findings — payments service
“Write up what the pentest found on the payments service, worst first, with what we do about each.”
security auditaudit+3 morePII data flow
“Where do PII fields flow through the system, from ingestion to the warehouse?”
data flow diagramdfd+4 moreADR-021 — Kafka vs SQS for order events
“Decide between Kafka and SQS for order events; write the decision record.”
decision recordoptions+4 moreAugust infra bill — where the +40% went
“The monthly infra bill grew 40% — break down where the money goes.”
cost breakdownchart+5 moreCache options for the Catalog API
“Compare the three caching options we discussed: Redis, Memcached, and an in-process LRU.”
options comparisonoptions+3 moreOnboarding v2 — brainstorm
“Lay out everything we brainstormed for onboarding v2, grouped around the main idea.”
mind mapmindmap+2 morePilot online book holds
“Present a complete proposal for a two-week online book-hold pilot at one library branch.”
slide deckoptions+4 moreQ3 delivery plan — mobile app 4.0
“Show the Q3 delivery plan for the mobile app with dates and dependencies.”
roadmapgantt+5 moreRelease notes — 2.4
“Write the release notes for 2.4 from these merged PRs: #412 idempotent refunds, #418 webhook retries with backoff, #421 EU data residency for invoices, #425 CLI `orders export --since`, #430 fix double-charge on network retry, #433 drop Node 18.”
release noteschangelog+4 moreRefund run — "refund my order"
“Show a real run of the agent handling "refund my order", turn by turn.”
agent traceagentloop+4 moreShelfNet v3 — the shape of the image classifier
“Explain the shape of the image classifier we ship — what each layer does and how wide it is.”
neural network diagramneuralnet+3 moreTicket-routing model — handoff
“Write the one-page handoff for the ticket-routing model so another team can decide whether to reuse it.”
model cardmodelcard+4 moreCheckout test matrix
“The checkout test matrix across browsers and payment methods.”
test matrixmatrix+4 moreContainer With Most Water
“Explain the two-pointer approach for the "container with most water" problem.”
flowchartflow+5 moreRetry helper — what moved
“Explain the change we made to the retry helper so reviewers can see exactly what moved, with the new function they should call.”
code change speccode+4 more
No document matches. Clear the filters.
For a single diagram, browse the block catalog. For help writing a document, follow Author with AI.