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
Cedar Library — membership campaign brief
Objective and action
September 7, 2026. Unapproved creative direction. Objective O1 is to explain that borrowing is included with free membership, with a visit to the membership information desk as the desired action. No online signup or desk hours are supplied.
Audience and approved claim
Audience A1 is new residents. The idea that they may not know the offer is the requester’s hypothesis, not research. Approved claim C1 is “Borrowing is included with free membership.” Instant signup, universal availability, delivery and measured benefits are not approved claims; eligibility rules are not supplied.
Deliverables and channels
D1 calls for one email introduction, one foyer poster and one web reading page. Exact sizes, email length and dates need confirmation. C2: email introduces the offer and points to the desk; the poster conveys the essential message and destination at a glance; the reading page adds context. All retain C1.
Creative direction and review
V1 calls for calm hierarchy and a clear action. No outside assets or imitation references are supplied. R1: the communications owner checks the claim, mandatory wording, channels and action before release. Individual approver and deadline remain open, along with specifications and desk hours. No budget, testimonial or performance target is supplied. The brief does not send, schedule, publish, launch or measure anything.
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>Cedar Library: one message across three channels</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">Cedar Library / Fictional creative draft / September 7, 2026</p><h1>Make the membership offer easy to understand.</h1><p class="intro">Audience action: visit the membership information desk.</p></header><section class="lead"><p class="label">Approved claim · C1</p><h2>Borrowing is included with free membership.</h2><p>Do not add instant signup, universal item availability, delivery or measured-benefit promises.</p></section><section><h2>Who this is for—and what we know</h2><p>New residents are the intended audience. The belief that they may not know borrowing is included is the requester's hypothesis, not a research finding.</p><p class="note">Sources O1 and A1. No eligibility rules or desk hours are supplied.</p></section><section><h2>Three channels, one truthful message</h2><div class="grid"><article class="card"><h3>Email introduction</h3><p>Introduce the approved offer and point to the membership information desk. Length and delivery date need confirmation.</p></article><article class="card"><h3>Foyer poster</h3><p>Make the essential message and desk destination understandable at a glance. Exact size and production date are not supplied.</p></article><article class="card"><h3>Web reading page</h3><p>Explain the offer and next step with more context. Do not invent online signup or eligibility details.</p></article></div><p class="note">Sources D1 and C2. These are deliverable requirements, not completed assets.</p></section><section><h2>Room for creative judgment</h2><p>Use calm hierarchy and a clear action. No outside images or reference assets are supplied, and imitation of another organization's work is not requested.</p><p class="note">Source V1.</p></section><section class="warning"><h2>Confirm before production</h2><ul><li>Exact sizes, email length and delivery dates.</li><li>Desk hours and any additional audience eligibility information.</li><li>The named communications approver and review deadline.</li></ul><p>The communications owner checks the approved claim, mandatory wording, channel fit and action before release. No budget, testimonial or performance target is supplied.</p><p class="note">Sources R1 and B1. This brief does not send, schedule, launch or measure anything.</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.