{ "code": "S101", "name": "Proof and result ribbon", "shape": "proof-result", "family": "Evidence and pictures", "fits": "A five-picture proof wall beside a physical Mac sitting on a desk, with a featured screen asset and a foreground results ribbon.", "use_when": "Showing the work, its result and three measures on one slide.", "slots": [ { "name": "proof", "holds": "five pictures: two above, two lower left and one tall lower right", "budget": "5 scenes" }, { "name": "feature", "holds": "A featured result inside the screen of the supplied rendered iMac sitting on a desk. Preserve assets/imac-frame.png, including its dark bezel, camera, silver chin, curved stand and foot; keep the desk contact shadow.", "budget": "1 screen asset and short heading; copy the device asset and licence files, then retain the complete rendered device and desk grounding" }, { "name": "metrics", "holds": "a title, payoff line and three figures in the bottom ribbon", "budget": "under 8 words; 3 placeholder figures" } ], "columns": 2, "density": "standard", "surface": "paper", "works_on": [ "deck", "page" ], "library": "Hoffman", "dir": "S101-proof-ribbon", "semantic": { "audience_question": "What work and finished asset support these three reported results?", "intent": "Connect a five-picture work wall to one displayed deliverable and qualified metrics.", "reasoning_relation": "work, finished asset and measured outcome", "message_pattern": "[Work] contributed to [result], measured by [metric and method].", "required_content": [ "One case with a stated objective, period and attribution limits.", "Five cleared views of distinct aspects of that same case; label generated scenes as illustrations.", "One screen deliverable from the case, plus a short identifying heading.", "Three sourced measures with units, period and denominators where relevant; a short case title and payoff." ], "narrative_positions": [ "case study", "credentials" ], "requires_before": [ "Establish the cooperative’s objective, audience and workshop scope." ], "enables_after": [ "Explain which practice could transfer to the new brief and what remains untested." ], "slot_roles": { "proof": "Five complementary views of the same work: setting, delivery, participation, interaction and follow-through. These establish what happened, not causal impact.", "feature": "The physical rendered Mac presents the finished output as an inspectable object. Keep its wrapper and asset; this is the screen’s container, not a second deliverable.", "screen": "The actual replaceable content inside the existing aperture: one bounded deliverable view and short identifying copy.", "metrics": "Three different outcome measures for the same case, alongside its short title and payoff. Keep activity, response and downstream result distinct. In a grouped example, the first item carries case title/payoff plus metric one; the next two carry metrics two and three." }, "avoid_when": [ "A proposal with no completed work or observed results.", "A causal impact claim supported only by photos and engagement counts." ], "layout_specific_contract": "A five-picture proof wall beside a rendered Mac sitting on a desk, with replaceable content inside its screen and a foreground results ribbon. Use the supplied assets/imac-frame.png rather than drawing a device with CSS. Preserve its native aspect ratio, aluminium casing, curved stand and foot; preserve the desk contact shadow. The ribbon sits in front while enough of the computer base remains exposed.", "provenance": { "basis": "interpretation of the existing layout and slot contracts", "review": "Tessel model-authored guidance; implementation approved by Nic, 2026-10-10", "corpus_evidence_status": "not yet established", "guide": "../SEMANTICS.md", "visual_review": { "basis": "Direct inspection of retained slide 16; Nic rejected the CSS mockup and requested an existing rendered Mac asset, 2026-10-11. Frame and documented aperture sourced from pixelsign/html5-device-mockups.", "author": "Folio, ds-2026-10-10-am-4, Codex Desktop/OpenAI GPT-6", "status": "Rendered Mac correction accepted by Nic, 2026-10-11; repository push and existing public gallery update explicitly authorized." } }, "visual_constraints": { "required_object": "The supplied rendered iMac desktop sitting on a desk; use the bitmap asset rather than a generic content card, bare screenshot or synthetic CSS computer.", "required_parts": [ "dark bezel", "camera", "screen aperture", "silver lower chin", "curved aluminium stand", "foot", "desk ground plane", "contact shadow" ], "replaceable": "The screen asset, heading, supporting photographs, payoff, metric values and content palette. Replace screen-content children rather than the device wrapper or device render.", "material": "Keep the supplied render at its original colours and native aspect ratio. The black glass bezel and silver aluminium chin/stand do not change with the surrounding content palette.", "layer_order": "Desk plane and contact shadow behind the complete device render; editable content above the rendered screen placeholder but clipped inside its aperture; results ribbon in the foreground.", "overlap": "On a deck or wide page, the ribbon overlaps the lower collage and the left portion of the Mac base. Keep part of the stand, foot and shadow visible.", "responsive": "On a narrow page, stack the proof wall, complete Mac and metrics. Scale the rendered Mac at its native aspect ratio as one object; keep the entire curved stand and foot visible. The metrics ribbon can move below the computer.", "motion": "Retain the existing five proof-picture reveals and payoff underline build. The Mac, desk and featured screen content remain visible throughout; their geometry is not an entrance effect.", "asset": { "file": "assets/imac-frame.png", "credits": "assets/imac-credits.md", "license": "assets/imac-license.txt", "upstream_credits": "assets/imac-upstream-credits.txt", "native_size": [ 1843, 1483 ], "screen_selector": "[data-slot=\"screen\"]", "screen_aperture_percent": { "top": 5.0573162508, "left": 4.0694519805, "width": 91.8610960391, "height": 64.194200944 }, "adaptation_rule": "Copy the asset and its accompanying licence/credits together. Keep this frame, wrapper, screen coordinates and shadow; replace only the screen content." } }, "reader_outcome": "Connect a five-picture work wall to one displayed deliverable and qualified metrics.", "matching": { "audience_question": "What work and finished asset support these three reported results?", "reader_outcome": "Connect a five-picture work wall to one displayed deliverable and qualified metrics.", "reasoning_relation": "work, finished asset and measured outcome", "content_shape": { "composition": "A five-picture proof wall beside a physical Mac sitting on a desk, with a featured screen asset and a foreground results ribbon.", "selected_state": "A five-picture proof wall beside a physical Mac sitting on a desk, with a featured screen asset and a foreground results ribbon.", "density": "standard", "columns": 2, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "proof", "reader_question": "What does the proof contribute to this page’s reader outcome?", "semantic_role": "Five complementary views of the same work: setting, delivery, participation, interaction and follow-through. These establish what happened, not causal impact.", "content_unit_count": { "min": 5, "max": 5, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · proof · five pictures: two above, two lower left and one tall lower right]", "layout_budget": { "authored": "5 scenes", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "proof", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0 ] } }, { "name": "feature", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "The physical rendered Mac presents the finished output as an inspectable object. Keep its wrapper and asset; this is the screen’s container, not a second deliverable.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · feature · A featured result inside the screen of the supplied rendered iMac sitting on a desk. Preserve assets/imac-frame.png, including its dark bezel, camera, silver chin, curved stand and foot; keep the desk contact shadow.]", "layout_budget": { "authored": "1 screen asset and short heading; copy the device asset and licence files, then retain the complete rendered device and desk grounding", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "feature", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 10 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." }, { "name": "metrics", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Three different outcome measures for the same case, alongside its short title and payoff. Keep activity, response and downstream result distinct. In a grouped example, the first item carries case title/payoff plus metric one; the next two carry metrics two and three.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL DATA · metrics · a title, payoff line and three figures in the bottom ribbon]", "layout_budget": { "authored": "under 8 words; 3 placeholder figures", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "metrics", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 13 ] }, "integrity": "Supply real values, units, denominator, period and traceable source; derive any chart geometry from those values." }, { "name": "screen", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "The actual replaceable content inside the existing aperture: one bounded deliverable view and short identifying copy.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · screen · The replaceable content displayed inside the preserved device or product view.]", "layout_budget": { "authored": "one complete bounded product or deliverable view", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "screen", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 10 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "Implied causation without evidence, or replacing the required physical rendered iMac with a plain card.", "A result ribbon implying causation, client approval or current performance without evidence.", "Removing the Mac render, replacing it with a plain rectangle or synthetic CSS casing, placing the asset outside its screen, distorting the device, or hiding its entire stand, foot and desk contact shadow." ], "option_guidance": { "option": "default", "composition_delta": "A five-picture proof wall beside a physical Mac sitting on a desk, with a featured screen asset and a foreground results ribbon.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S101 default when the supplied material answers “What work and finished asset support these three reported results?” through work, finished asset and measured outcome. Respect this state: A five-picture proof wall beside a physical Mac sitting on a desk, with a featured screen asset and a foreground results ribbon." }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 1, "source_visual_sha256": [ "1af584f7d19ed6476e0614d7fb1c6de30c6f553c2870433d4b0e4b8b83a61436" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "edbd260e47f2f0cd62f9a79c22e3090b35c298983b2660932a2cd10fdfe57467", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them.", "Preserve the complete rendered iMac, desk grounding, native aperture and licence/credits; replace only screen content and supporting scenes/metrics." ], "visual_constraints": { "required_object": "The supplied rendered iMac desktop sitting on a desk; use the bitmap asset rather than a generic content card, bare screenshot or synthetic CSS computer.", "required_parts": [ "dark bezel", "camera", "screen aperture", "silver lower chin", "curved aluminium stand", "foot", "desk ground plane", "contact shadow" ], "replaceable": "The screen asset, heading, supporting photographs, payoff, metric values and content palette. Replace screen-content children rather than the device wrapper or device render.", "material": "Keep the supplied render at its original colours and native aspect ratio. The black glass bezel and silver aluminium chin/stand do not change with the surrounding content palette.", "layer_order": "Desk plane and contact shadow behind the complete device render; editable content above the rendered screen placeholder but clipped inside its aperture; results ribbon in the foreground.", "overlap": "On a deck or wide page, the ribbon overlaps the lower collage and the left portion of the Mac base. Keep part of the stand, foot and shadow visible.", "responsive": "On a narrow page, stack the proof wall, complete Mac and metrics. Scale the rendered Mac at its native aspect ratio as one object; keep the entire curved stand and foot visible. The metrics ribbon can move below the computer.", "motion": "Retain the existing five proof-picture reveals and payoff underline build. The Mac, desk and featured screen content remain visible throughout; their geometry is not an entrance effect.", "asset": { "file": "assets/imac-frame.png", "credits": "assets/imac-credits.md", "license": "assets/imac-license.txt", "upstream_credits": "assets/imac-upstream-credits.txt", "native_size": [ 1843, 1483 ], "screen_selector": "[data-slot=\"screen\"]", "screen_aperture_percent": { "top": 5.0573162508, "left": 4.0694519805, "width": 91.8610960391, "height": 64.194200944 }, "adaptation_rule": "Copy the asset and its accompanying licence/credits together. Keep this frame, wrapper, screen coordinates and shadow; replace only the screen content." } } }, "rejection_constraints": [ "Implied causation without evidence, or replacing the required physical rendered iMac with a plain card.", "A result ribbon implying causation, client approval or current performance without evidence.", "Removing the Mac render, replacing it with a plain rectangle or synthetic CSS casing, placing the asset outside its screen, distorting the device, or hiding its entire stand, foot and desk contact shadow." ], "markup_inventory": { "file": "spread.html", "sha256": "edbd260e47f2f0cd62f9a79c22e3090b35c298983b2660932a2cd10fdfe57467", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "proof": 1, "illustration": 6, "feature": 1, "screen": 1, "metrics": 1 }, "slot_evidence": { "proof": [ { "tag": "div", "classes": "proof", "sample_word_count": 0, "repeated_children": 5 } ], "illustration": [ { "tag": "figure", "classes": "ph ", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph ", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph ", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph tall", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph ", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph ", "sample_word_count": 0, "repeated_children": 1 } ], "feature": [ { "tag": "div", "classes": "device", "sample_word_count": 10, "repeated_children": 3 } ], "screen": [ { "tag": "div", "classes": "screen-content", "sample_word_count": 10, "repeated_children": 2 } ], "metrics": [ { "tag": "footer", "classes": "ribbon", "sample_word_count": 13, "repeated_children": 4 } ] }, "option_selectors": [], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" }, { "file": "../deck-motion.js", "sha256": "6869989cd926fded3afc494e350791f2517cd0d859822072b95f3dd97e693781" } ] }, "variations": {}, "narrative_profile": { "central_point": "A bounded piece of work produced a tangible deliverable and a set of reported outcomes that the audience can inspect separately.", "communication_job": "Explain what was done, show the resulting asset, and report what happened without treating the pictures as proof of attribution.", "audience_value": "Offers evidence and reassurance about execution. It addresses “Did anything concrete happen?” and “What result can reasonably be credited to this work?”; a case example does not guarantee the same result elsewhere.", "reading_path": [ "Read the short result ribbon to understand the case’s claimed payoff.", "Inspect the five-picture wall for different aspects of the work rather than five interchangeable decorations.", "Inspect the featured deliverable inside the Mac; it connects activity to a usable output.", "Return to the three measures and their scope; distinguish attendance or engagement from a downstream business outcome." ], "adaptation": { "required_inputs": [ "One case with a stated objective, period and attribution limits.", "Five cleared views of distinct aspects of that same case; label generated scenes as illustrations.", "One screen deliverable from the case, plus a short identifying heading.", "Three sourced measures with units, period and denominators where relevant; a short case title and payoff." ], "slot_guidance": { "proof": "Five complementary views of the same work: setting, delivery, participation, interaction and follow-through. These establish what happened, not causal impact.", "feature": "The physical rendered Mac presents the finished output as an inspectable object. Keep its wrapper and asset; this is the screen’s container, not a second deliverable.", "screen": "The actual replaceable content inside the existing aperture: one bounded deliverable view and short identifying copy.", "metrics": "Three different outcome measures for the same case, alongside its short title and payoff. Keep activity, response and downstream result distinct. In a grouped example, the first item carries case title/payoff plus metric one; the next two carry metrics two and three." }, "can_change": [ "The case, cleared scenes, screen content, short heading, payoff and supported values.", "The content palette through existing surface tokens." ], "must_survive": [ "All pictures, the screen and measures must refer to the same bounded case.", "Separate observed activity, measured response and attribution; the collage cannot establish causation.", "Keep the supplied imac-frame.png, native aspect ratio, screen coordinates, bezel, camera, chin, curved stand, foot and desk contact shadow. Copy the licence and credit files with it.", "Keep the foreground ribbon and a visible computer base; narrow layouts stack the complete device and metrics.", "Preserve five proof reveals and payoff underline; the complete static state must retain the argument." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative Cedar ran one library repair workshop and published its repair guide. All pictured activity and values below are invented teaching material.", "slot_fills": { "proof": [ "Labelled fictional illustration: library repair benches prepared for the workshop.", "Labelled fictional illustration: instructor demonstrating a safe plug inspection.", "Labelled fictional illustration: participant following the inspection checklist.", "Labelled fictional illustration: tall view of pairs discussing repair limits.", "Labelled fictional illustration: volunteer handing out the follow-up guide." ], "feature": "Keep the complete supplied Mac on its desk; heading: “Repair guide, ready to reuse”.", "screen": "Fictional Cedar repair-guide landing page: “Start with the safety check”; show the checklist and guide download inside the existing aperture.", "metrics": [ "Case title: Cedar June pilot; payoff: Shared skills; metric: 24 attendees (fictional register).", "18 downloads · fictional June server log", "4 follow-ups · fictional June booking log" ] }, "reasoning": "The five views show how the workshop worked, the screen shows its reusable output, and the ribbon records three different kinds of response. None of these alone establishes that the workshop caused later repairs.", "qualification": "All values are fictional. In use, cite the attendance, download and booking records, deduplicate consistently, identify the reporting period and retain the case title. Do not relabel downloads as successful repairs." }, "narrative_fit": { "before": "Establish the cooperative’s objective, audience and workshop scope.", "after": "Explain which practice could transfer to the new brief and what remains untested.", "good_uses": [ "A documented event case study with a resulting digital asset.", "A credentials example where both delivery and response records are available." ], "poor_fits": [ "A proposal with no completed work or observed results.", "A causal impact claim supported only by photos and engagement counts." ] }, "evidence": { "observations": [ "Viewed retained source.webp: five activity pictures sit left of a physical desktop monitor, with a result strip across the foreground.", "Current HTML retains five proof images, a separate screen aperture, a complete bitmap Mac and three metric groups.", "Current metadata requires the asset, its credits/licence, desk grounding and screen coordinates to survive adaptation." ], "interpretations": [ "The arrangement supports a work → output → reported-response reading; this is a reusable interpretation, not a verified statement of the source author’s intended argument." ], "not_verified": [ "The source author’s intent, effectiveness with an audience and historical claims have not been independently verified.", "No proposal archive or corpus validation was performed." ], "references": [ "02_product/spreads/S101-proof-ribbon/source.webp", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/spread.html", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/spread.json", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/assets/imac-credits.md", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/assets/imac-frame.png", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/assets/imac-license.txt", "02_product/spreads-semantics-2026-10-13/dist/S101-proof-ribbon/assets/imac-upstream-credits.txt" ] }, "review": { "status": "reviewed", "basis": "Inspected retained source capture, current HTML and selected matching contract; reviewed semantic roles and fictional adaptation, not persuasion or source facts." }, "variation_relationship": "base" } }, "options": [], "also_seen_in": [], "source": { "ref": "Private deck reference; original evidence retained in the private Spreads library." }, "motion": { "file": "motion.json", "description": "Source deck builds with Replay, Next and Show all." }, "images": [ { "file": "../_assets/illustrations/s48-hero.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "../_assets/illustrations/s48-wide.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "../_assets/illustrations/s48-detail.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "../_assets/illustrations/s48-face.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "../_assets/illustrations/s48-together.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "../_assets/illustrations/s70-grid-fab.webp", "kind": "existing TDW illustration", "provenance": "../_assets/illustrations/credits.json" }, { "file": "assets/imac-frame.png", "kind": "third-party rendered iMac frame; required composition", "provenance": "assets/imac-credits.md", "license": "MIT, as distributed in pixelsign/html5-device-mockups; preserve included licence and upstream credits", "sha256": "0cbc69675bd2c84525081375aad774df10ec54fba7b592c22f4c12c5b39abbe4" } ] }