Inspect the HTMLOne self-contained file
The example is sanitized and isolated from this site. No scripts, forms, or live data.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Harbor pilot · Decision record</title><style>
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#faf8f2;color:#172520;font:17px/1.65 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:clamp(20px,5vw,64px)}h1,h2,h3,p{margin:0 0 18px}h1{font:500 clamp(32px,5vw,58px)/1.12 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}h2{font:500 29px/1.25 Georgia,serif}h3{font-size:18px;line-height:1.4}.label{font:700 12px/1.5 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.intro{font-size:20px}.lead{background:#153e32;color:#fff;padding:28px;margin:28px 0}.lead p:last-child{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin:28px 0}.card{background:#fff;border:1px solid #cad3c9;padding:24px}.metric{font:500 42px/1.1 Georgia,serif;display:block;margin-bottom:12px}section{margin:36px 0}ul,ol{padding-left:22px}li{margin-bottom:12px}.note{color:#40584d;font-size:14px}footer{border-top:1px solid #bac8bf;padding-top:24px;margin-top:40px;font-size:14px}.decision{background:#f7f4ed;color:#282238}.decision .lead{background:#332753}.decision .card{border-color:#d6ccdf}.decision .note{color:#5d4e6d}.meeting{background:#f5f8fc;color:#142c48}.meeting .lead{background:#163e69}.meeting .card{border-color:#bccde0}.meeting .note{color:#3d5673}@media print{body{background:white}.card,.lead{break-inside:avoid}}
</style></head><body class="meeting"><main><header><p class="label">Harbor / Decision record / September 7, 2026</p><h1>A small pilot. Not a public launch.</h1><p class="intro">The team agreed on the pilot audience. A start date and launch authority remain unresolved.</p><p class="note">June (product), Mateo (support), Sana (engineering) · Recorded by June</p></header>
<aside class="lead"><p class="label">Agreed by all attendees</p><h2>Invite 20 existing customers. Keep public signup closed.</h2><p>Limit support load while observing onboarding problems. This is not evidence of customer success or statistical significance.</p></aside>
<section><h2>Actions with owners</h2><div class="grid"><article class="card"><p class="label">September 9, 2026</p><h3>Sana · Check event logging</h3><p>Bring the logging check to the readiness review.</p></article><article class="card"><p class="label">September 10, 2026</p><h3>Mateo · Write the support playbook</h3><p>Prepare the playbook for the next checkpoint.</p></article><article class="card"><p class="label">September 10, 2026</p><h3>June · Draft the invite list</h3><p>Prepare a list for the agreed 20-customer pilot.</p></article></div></section>
<section class="card"><p class="label">Proposed · not approved</p><h2>Expansion to 100 customers</h2><p>June proposed expanding after the pilot. The team did not agree to an expansion date or a success threshold.</p></section>
<section><h2>Still needs a decision</h2><ul><li>Who owns the go/no-go decision? <strong>Unassigned.</strong></li><li>What support volume should trigger a pause? <strong>No threshold agreed.</strong></li></ul><p>No owners or deadlines were assigned to these questions. Do not treat them as resolved.</p></section>
<section><p class="label">Next checkpoint · September 11, 2026</p><h2>Review readiness—not launch.</h2><p>Review the logging check, support playbook, and invite list. This checkpoint is not an agreed pilot start date.</p><p class="note">Source: the fictional meeting notes accompanying this example. This is a summary, not a verbatim transcript.</p></section><footer>Fictional worked example by share/artifacts. Names, dates, and figures are invented for demonstration. Static snapshot; no live data or automatic updates.</footer></main></body></html>