01 / The familiar format
You could share this as a wiki page.
A fictional wiki entry with the same underlying facts. Read it here, then compare how the HTML version presents the information.
Team wiki · Fictional example
Harbor product direction — September 7, 2026
Objective
Product-owner review draft. The objective is to reduce repeated report setup, not a measured impact, adoption or time-saving result.
Available and planned
R1: CSV export is available to invited pilot teams only. Broad availability and expansion are not promised. R2: saved views are planned for an October 2026 target window, conditional on access review. October is not a release commitment; review outcome, completion date and item owner are unspecified.
Exploration and exclusions
R3: alerts are being explored, with no committed scope or delivery date. X1: a mobile app is outside this cycle; no future date or further reason is supplied.
Status definitions
Available means usable by the stated audience; planned means approved direction subject to conditions; exploring has no committed delivery scope or date. Keep these states separate.
Review and communication
The product owner must approve audience-specific wording before external sharing. Later changes need reviewed revisions and direct communication where expectations change. This static snapshot does not synchronize planning tools, collect votes or notify recipients. The fictional source records D1, R1–R3, X1 and S1 have no supplied public URLs, customer quotes or priority scores.
02 / The HTML version
Same information. See what needs your attention.
This is the complete static HTML example, not a screenshot. Scroll inside the preview to read it all. It has no live data, scripts, forms, or external resources.
Inspect the complete HTML source
This is the authored source for the example. The preview above passes through our HTML sanitizer before rendering in an isolated frame.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Harbor direction: available, planned, exploring</title><style>
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#faf6fa;color:#302439;font:17px/1.65 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:clamp(20px,5vw,64px)}h1,h2,h3,p{margin:0 0 18px}h1{font:500 clamp(32px,5vw,58px)/1.14 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}h2{font:500 29px/1.3 Georgia,serif;overflow-wrap:anywhere}h3{font-size:19px;line-height:1.4}.label{font:700 12px/1.6 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro{font-size:20px}.lead{background:#53355f;color:white;padding:24px;margin:28px 0}.lead p:last-child{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px;margin:24px 0}.card{background:white;border:1px solid #bbc5c4;padding:24px}.metric{font:500 38px/1.2 Georgia,serif;display:block;margin-bottom:12px}section{margin:36px 0}ul,ol{padding-left:22px}li{margin-bottom:12px}.note{font-size:14px}.warning{border-left:5px solid #956118;padding-left:20px}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #956118;outline-offset:4px}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #bbc5c4;padding:12px 8px;overflow-wrap:anywhere}caption{text-align:left;font-weight:700;padding:12px 0}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #bbc5c4;padding-top:24px;margin-top:40px;font-size:14px}@media(max-width:480px){th,td{padding:10px 4px;font-size:14px}}@media print{body{background:white}.card,.lead{break-inside:avoid}h2,h3{break-after:avoid}}
</style></head><body><main><header><p class="label">Harbor direction / Fictional snapshot / September 7, 2026</p><h1>Less repeated setup. Different levels of certainty.</h1><p class="intro">Reducing repeated report setup is the objective—not a measured result. This wording needs product-owner approval before external distribution.</p></header><section><h2>What the current direction means</h2><div class="grid"><article class="card"><p class="label">Available · R1</p><h3>CSV export</h3><p>Available to invited pilot teams only. Broad availability and expansion timing are not established.</p></article><article class="card"><p class="label">Planned · R2</p><h3>Saved views</h3><p>Target window: October 2026. This is not a release commitment.</p><p>Depends on access review. Its outcome and completion date are not supplied; no item owner is named.</p></article><article class="card"><p class="label">Exploring · R3</p><h3>Alerts</h3><p>No committed scope or delivery date. Exploration is not scheduled development.</p></article></div></section><section class="warning"><h2>Not in this cycle</h2><p>A mobile app is excluded. The source does not give a later date or a further rationale. Do not infer either.</p><p class="note">Source X1.</p></section><section><h2>Read these labels literally</h2><dl><dt><strong>Available</strong></dt><dd>The stated audience can use the capability.</dd><dt><strong>Planned</strong></dt><dd>Approved direction, subject to stated conditions.</dd><dt><strong>Exploring</strong></dt><dd>No committed delivery scope or date.</dd></dl><p class="note">Source S1. No prioritization score or new recommendation is implied by the layout.</p></section><section><h2>Before this is shared</h2><p>The product owner checks audience-specific wording and disclosure boundaries. No adoption, impact or time-saved result is supplied in D1.</p><p>Material changes need a reviewed revision and direct communication where expectations are affected. This page does not synchronize with a planning tool, collect votes or send notifications.</p><p class="note">Source C1. D1, R1–R3, X1 and S1 are fictional source records; URLs are not supplied.</p></section><footer>Fictional worked example by share/artifacts. Names, dates, figures and records are invented for demonstration. Static snapshot; no live data or automatic updates.</footer></main></body></html>
Make the next one about your work.
- Take the task to your agent. We provide a request with the goal, example, and checks. Copy it into the conversation where your context lives.
- Supply only what is missing. Use material your agent is authorized to access. Don’t substitute the example’s invented facts for your own.
- Review a draft before sharing. Check facts, readability, and sensitive information. Publishing and choosing who can open it are separate, explicit decisions.
Make this with my agentNo publishing connection is needed for an initial local draft. Your agent needs to be able to create an HTML file; preview and connection support vary by client.