A 12-week labeling-pilot comparison with $510 modeled costs and two benefit assumptions

HTML for this example

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Labeling pilot · cost and benefit assumptions</title><style>*{box-sizing:border-box}body{margin:0;background:#f4f0e6;color:#3c3d32;font:16px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:28px}h1{font:700 clamp(31px,5vw,48px)/1.12 Georgia,serif;margin:12px 0 18px}h2{font-size:24px;line-height:1.3}h3{font-size:19px}p{margin:8px 0 16px}p,h1,h2,h3,label,button,td,th{overflow-wrap:anywhere}div,section,article{min-width:0}.eyebrow{font-size:16px;letter-spacing:.08em;font-weight:750}.panel{padding:22px;background:#fffefa;border:1px solid #c9c7b2;border-radius:8px;margin:22px 0}.scope{padding:20px;background:#56603c;color:white;border-radius:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.record{padding:16px;background:#f1f3e5;border-left:4px solid #87995a}.note{padding:16px;background:#fff0d7;border-left:5px solid #b07d3d}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}button,input,textarea{font:inherit}button{min-height:44px;padding:10px 15px;color:inherit;background:white;border:1px solid #78884d;border-radius:5px;cursor:pointer}button[aria-pressed="true"]{background:#56603c;color:white}button:hover{box-shadow:inset 0 0 0 1px #56603c}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b45b25;outline-offset:3px}label{display:block;font-weight:650;margin:14px 0 6px}input,textarea{display:block;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #8a956e;border-radius:4px;background:white;color:inherit}textarea{min-height:110px;resize:vertical}table{width:100%;table-layout:fixed;border-collapse:collapse}th,td{padding:12px;border:1px solid #c9c7b2;text-align:left;vertical-align:top}th{background:#e8ecd9}th:first-child{width:25%}th:nth-child(2){width:49%}.total{font-size:24px;font-weight:750}.result{border-top:5px solid #7d9151;background:#f0f4e6;padding:18px;margin:18px 0}footer{border-top:1px solid #c9c7b2;padding-top:18px;margin-top:26px}[hidden]{display:none!important}@media(max-width:650px){main{padding:16px}.panel{padding:16px}.grid{grid-template-columns:1fr}table,tbody,tr,td{display:block}thead{display:none}tr{margin:16px 0;border:1px solid #c9c7b2}td{border:0;border-top:1px solid #dcdecf}td::before{content:attr(data-label);display:block;font-weight:750;margin-bottom:6px}.toolbar button{flex:1 1 140px}}</style></head><body><main><p class="eyebrow">ORIGINAL FICTIONAL TOOL-LIBRARY PILOT · ILLUSTRATIVE USD</p><h1>Show which assumption changes the answer.</h1><p>Compare a proposed labeling pilot with continuing the existing labeling process over the same 12 weeks. Every amount is a teaching assumption; no waste, staff performance, supplier price or pilot outcome has been measured.</p><div class="scope"><strong>Baseline:</strong> continue the existing labeling process for 12 weeks.<br>Only supplied incremental changes are included. Existing operations are not assumed free, and missing taxes or other costs are not confirmed zeros.</div>
<section class="panel" aria-labelledby="cost-title"><h2 id="cost-title">Complete supplied cost model</h2><table aria-label="Supplied incremental costs over12weeks"><thead><tr><th scope="col">Cost</th><th scope="col">Counting basis</th><th scope="col">Modeled amount</th></tr></thead><tbody><tr><td data-label="Cost">Labels</td><td data-label="Counting basis">One-time proposed label materials.</td><td data-label="Modeled amount">$240</td></tr><tr><td data-label="Cost">Setup effort</td><td data-label="Counting basis">6 additional setup hours valued at an assumed $25 per hour.</td><td data-label="Modeled amount">$150</td></tr><tr><td data-label="Cost">Additional supplies</td><td data-label="Counting basis">$10 per week for 12 weeks.</td><td data-label="Modeled amount">$120</td></tr><tr><td data-label="Cost">Total supplied modeled costs</td><td data-label="Counting basis">$240 + $150 + $120</td><td data-label="Modeled amount"><strong>$510</strong></td></tr></tbody></table><p class="note">Setup values staff time used by the pilot. It does not establish extra payroll spending. Taxes and other costs are not supplied; $510 is not an exhaustive actual-cost claim.</p></section>
<section class="panel" aria-labelledby="scenario-title"><h2 id="scenario-title">Change the avoided-waste assumption</h2><p>Counted monetary benefit: consumable waste avoided relative to the current process. The horizon stays 12 weeks and supplied costs stay $510.</p><div class="toolbar" role="group" aria-label="Supplied weekly benefit scenarios"><button id="rate-50" type="button" aria-pressed="true">$50 per week</button><button id="rate-30" type="button" aria-pressed="false">$30 per week</button></div><label for="rate">Weekly avoided-waste benefit assumption · USD</label><input id="rate" inputmode="decimal" type="text" value="50" aria-describedby="rate-help"><p id="rate-help">Enter a finite nonnegative number. Blank is missing; zero explicitly assumes no counted monetary benefit. Editing clears the prior result.</p><button id="calculate" type="button">Calculate scenario</button><p id="scenario-status" class="note" role="status" aria-live="polite">Illustrative $50-per-week scenario shown. No saving has been achieved or approved.</p><div id="result" class="result"><h3>Modeled assumption · 12-week comparison</h3><p id="benefit-equation"></p><p id="cost-equation">Supplied modeled costs: $240 + $150 + $120 = $510.00</p><p id="net-equation" class="total"></p><p>No achieved saving, exhaustive cost or approval is represented. Monetary outputs are rounded to cents for display.</p></div><p><strong>Fixed supplied-cost equality:</strong> $510 ÷ 12 = $42.50 per week. Additional costs or a different period would change this threshold; the pilot is not known to reach it.</p></section>
<section class="panel" aria-labelledby="unpriced-title"><h2 id="unpriced-title">Keep unpriced effects beside the totals</h2><div class="grid"><article class="record"><h3>Potential time redirected</h3><p>2 hours per week × 12 weeks = 24 hours, if the assumption holds. No wage reduction or cash saving is supplied, so this time remains outside monetary benefits.</p></article><article class="record"><h3>Clarity and evidence questions</h3><p>A clearer label layout is unpriced. Record what must be observed rather than assigning a convenient dollar value to clarity or satisfaction.</p></article></div><p class="note">Do not count the same recovered hours twice as wage savings and a second time valuation. The one-time 6 setup hours concern different work from the proposed recurring 2 search hours per week.</p><p>Investigate current consumable waste and avoidable amounts on the same counting basis. Confirm label and supply estimates, staff-time treatment and missing costs. Keep research, workbook and actual decision records separate. This short, undiscounted model does not answer a multi-year investment question.</p></section>
<section class="panel" aria-labelledby="blank-title"><h2 id="blank-title">Blank comparison scaffold</h2><div class="grid" id="blank-fields"></div><div class="toolbar"><button id="reset" type="button">Clear my comparison notes</button></div><p id="status" role="status" aria-live="polite">Your six fields start blank. Scenario changes preserve your notes.</p><div id="confirmation" hidden><p>Clear your six comparison fields? The illustrative model, current rate and calculation state stay unchanged.</p><div class="toolbar"><button id="confirm-reset" type="button">Clear typed notes</button><button id="keep" type="button">Keep typed notes</button></div></div></section><footer>Notes and custom assumptions are temporary in this open page; reloading restores the example. Nothing is stored, paid, approved or exported. This page gives no investment recommendation or forecast guarantee.</footer></main>
<script>(()=>{'use strict';const $=id=>document.getElementById(id);const money=n=>new Intl.NumberFormat('en-US',{style:'currency',currency:'USD',minimumFractionDigits:2,maximumFractionDigits:2}).format(n);function clearResult(message){$('result').hidden=true;$('benefit-equation').textContent='';$('net-equation').textContent='';$('scenario-status').textContent=message;}function calculate(preset){const raw=$('rate').value.trim();if(!raw){clearResult('Weekly benefit assumption is missing. Enter an explicit number; blank is not zero.');return;}const rate=Number(raw);if(!/^(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?$/.test(raw)||!Number.isFinite(rate)||rate<0){clearResult('Weekly benefit assumption must be a finite nonnegative number. No result is shown.');return;}const benefit=rate*12,net=benefit-510;if(!Number.isFinite(benefit)||!Number.isFinite(net)){clearResult('The rate produces a non-finite 12-week total. Use a smaller finite assumption. No result is shown.');return;}$('benefit-equation').textContent='Counted avoided-waste benefit: '+raw+' USD/week × 12 weeks = '+money(benefit)+'.';$('net-equation').textContent='Benefit minus supplied modeled costs: '+money(benefit)+' − $510.00 = '+(net>0?'+':'')+money(net)+'.';$('result').hidden=false;$('scenario-status').textContent='Modeled '+raw+' USD/week assumption calculated over 12 weeks. No actual saving or approval is represented.';for(const value of [50,30])$('rate-'+value).setAttribute('aria-pressed',String(preset===value));}$('rate').addEventListener('input',()=>{for(const value of [50,30])$('rate-'+value).setAttribute('aria-pressed','false');clearResult('Weekly assumption edited. Previous result cleared; choose Calculate scenario to use the new value.');});for(const value of [50,30])$('rate-'+value).addEventListener('click',()=>{$('rate').value=String(value);calculate(value);});$('calculate').addEventListener('click',()=>calculate(null));for(const [id,title]of [['baseline','Proposed change and current-process baseline'],['period','Common horizon and currency'],['costs','Incremental costs · basis, evidence and missing items'],['benefits','Counted benefits · assumptions, evidence and alternatives'],['unpriced','Unpriced effects and staff-time counting rules'],['questions','Review questions, decision process and evidence needed']]){const box=document.createElement('div');const label=document.createElement('label');label.htmlFor='own-'+id;label.textContent=title;const field=document.createElement('textarea');field.id=label.htmlFor;box.append(label,field);$('blank-fields').append(box);}$('reset').addEventListener('click',()=>{$('confirmation').hidden=false;$('keep').focus();});$('keep').addEventListener('click',()=>{$('confirmation').hidden=true;$('status').textContent='Kept all six comparison fields.';$('reset').focus();});$('confirm-reset').addEventListener('click',()=>{for(const field of document.querySelectorAll('textarea'))field.value='';$('confirmation').hidden=true;$('status').textContent='Your comparison notes were cleared. The illustrative rate and calculation state are unchanged.';$('own-baseline').focus();});calculate(50);})();</script></body></html>